進度條寬度

我的代碼旨在通過計算百分比並將其作爲style.width傳遞給我的進度條來設置寬度。我是新手，對於不好的代碼，以便道歉：進度條寬度

JQuery的

$(document).ready(function() { 
var width=(1/5*100); 
$('#progress_bar').css('width','=width + "%"'); 
});

HTML

<div id="progress_bar" style="height:1em; background:red; display:block;"></div>

可能有人與第二饒請幫我得到它的工作，並告訴我在哪裏我錯了，所以我可以從中學習？

爲什麼要在jQuery來計算？你可以直接使用這樣的css： #progress_bar { width：20％ } – 2012-08-14 06:59:13

@ HarshithJ.V。進度條是動態的，因爲頁面會拋出一系列資產。隨着它的發展，隨着變化寬度的變化，進展會增加。（1/5 * 100），（1/4 * 100），（1/3 * 100）等。 – 2012-08-14 07:08:22

字符串'=width + "%"'不能是CSS參數的值。

你可能想

$('#progress_bar').css('width', width + "%");

2012-08-14 06:57:42

謝謝，這是固定的，我看到標點正在停止var並將其視爲一個值。謝謝：） – 2012-08-14 07:00:51

這將解決你的問題

var width=(1/5*100); 

$('#progress_bar').css('width',width + "%");

2012-08-14 06:59:17 rahul

你的變量追加爲wrong.It應該是這樣的;

$(document).ready(function() { 
var width=(1/5*100); 
$('#progress_bar').css('width', width + "%"); 
});

2012-08-14 07:01:05

回答