进度条宽度
问题描述:
我的代码旨在通过计算百分比并将其作为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>
可能有人与第二饶请帮我得到它的工作,并告诉我在哪里我错了,所以我可以从中学习?
答
字符串'=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/
为什么要在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