javascript - 从变量设置进度条值

Question

我有一个变量，它根据下载的文件百分比进行更新。如何获取此变量来更新进度条？

var percent = (len / res.headers['content-length']) * 100;

我试过这个无济于事：

<progress class="progress"></progress>

$('.progress').val = percent;

Answer 1

您需要使用 setter 来设置值.val(newValue)。val只是给你函数引用，你只是将它重置为变量百分比的值，而不是真正将它分配为值。

改变

 $('.progress').val = percent;

至

 $('.progress').val(percent);

你也可以这样做$('.progress')[0].value = percent。可能这就是你的想法。但是val在 jquery 中被用作函数，（更像是 getter、setter 类的功能）。

还要记住，progress 元素的取值范围为0.0to1.0或 max 属性的值（如果存在）。

Answer 2

传入val() 之类的value，

$('.progress').val(percent);

HTML

<progress class="progress" value="10" max="100"></progress>

小提琴

Answer 3

你以错误的方式给予

像这样给

 $('.progress').val(percent);

见val()

Answer 4

Your method is wrong in jquery you need to write like this:

$('.progress').val(percent);