jquery - 进度条宽度

Question

我的代码旨在通过计算百分比并将其作为 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>

有空的人可以帮我让它工作并告诉我哪里出了问题，以便我可以从中吸取教训吗？

http://jsfiddle.net/SyxAM/

Answer 1

字符串'=width + "%"'不能是 css 参数的值。

你可能想要

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

Answer 2

这将解决您的问题

var width=(1/5*100);

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

​</p>

Answer 3

您的变量附加错误。应该是这样的；

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

你可以在这里看到http://jsfiddle.net/SyxAM/2/