进度条宽度

问题描述:

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

+0

为什么要在jQuery来计算?你可以直接使用这样的css: #progress_bar { width:20% } – 2012-08-14 06:59:13

+0

@ HarshithJ.V。进度条是动态的,因为页面会抛出一系列资产。随着它的发展,随着变化宽度的变化,进展会增加。 (1/5 * 100),(1/4 * 100),(1/3 * 100)等。 – 2012-08-14 07:08:22

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

你可能想

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

谢谢,这是固定的,我看到标点正在停止var并将其视为一个值。谢谢 :) – 2012-08-14 07:00:51

这将解决你的问题

var width=(1/5*100); 

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

你的变量追加为wrong.It应该是这样的;

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

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