Javascript 从变量设置进度条值
我有一个变量,它根据下载的文件百分比进行更新。如何让此变量更新进度条Javascript 从变量设置进度条值,javascript,jquery,html,Javascript,Jquery,Html,我有一个变量,它根据下载的文件百分比进行更新。如何让此变量更新进度条 var percent = (len / res.headers['content-length']) * 100; 我试过了,但没有用: <progress class="progress"></progress> $('.progress').val = percent; $('.progress').val=百分比; 您需要使用.val(newValue)的setter设置值val只是提供
var percent = (len / res.headers['content-length']) * 100;
我试过了,但没有用:
<progress class="progress"></progress>
$('.progress').val = percent;
$('.progress').val=百分比;
您需要使用.val(newValue)
的setter设置值val
只是提供函数引用,您只是将其重置为变量percent的值,而不是将其指定为值
改变
$('.progress').val = percent;
到
您还可以执行$('.progress')[0]。value=percent
。也许你就是这么想的。但是jquery中的val
被用作函数(更像是getter、setter之类的函数)
还要记住,进度元素的取值范围为
0.0
到1.0
或max属性的值(如果存在)。您给出的方式错误
像这样给予
$('.progress').val(percent);
请参见类似的中的传递
值
$('.progress').val(percent);
HTML
<progress class="progress" value="10" max="100"></progress>
好的,谢谢。。进度条几乎立即跳到100%。有什么东西可以控制吗?@Jrags87看到这个例子fiddle你应该确保你分配的值是0.0到1.0兰特,因为你没有max属性。否则,将最大值设置为100或您认为需要的任何数字。明白了!谢谢我需要加上max=100
<progress class="progress" value="10" max="100"></progress>
Your method is wrong in jquery you need to write like this:
$('.progress').val(percent);