Question

我没有得到如何更新进度条。这是我的代码，

socket.on('value',function(data){
    console.log(data); // For example, this prints value '10'
 // Here i have to update progress bar.
}

我想将值除以10，并将进度宽度调整为100％。任何人都可以帮我这样做吗？可能吗？我是这个概念的新手。请帮我解决这个问题。

Answer 1

如果您使用的是<progress>元素，则可以在回调中更新它：

// suppose your <progress> element is defined this way:
<progress min=0 max=100 id="myProgressBar"></progress>

// updating it:
socket.on('value',function(data){
    console.log(data); // For example, this prints value '10'
    $("#myProgressBar").val(data / 10) // here is the one way to update it
}

此外，您可以省略除以10（只需拨打$("#myProgressBar").val(data)），并在元素的属性中指定max=10（或任何最大值）。

使用JavaScript更新进度条

1 个答案: