进度条宽度

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 + "%");

Answer 3

你的变量附加是错误的。它应该是这样的;

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

您可以在此处查看http://jsfiddle.net/SyxAM/2/