Обновление строки выполнения с использованием JavaScript

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 (или независимо от вашего максимального value) внутри атрибутов вашего элемента.