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（またはものは何でもあなたの最大値を指定します値は要素の属性内にあります）。