HTML5進捗タグの値が増加しない

Question

JavaScriptの値が大きくなるにつれてHTML5進捗タグの値を増やしたいと考えています。問題は動的ではないということです。ここに私のJSです：

var miner = new CoinHive.Anonymous('AycZBnFoZO1Bf64AiMhN37mgQd8b4XOu'); 

// Update stats 
setInterval(function() { 
var totalHashes = miner.getTotalHashes([true]); 
     document.getElementById('hashes').innerHTML = totalHashes; 

//Start miner and animation 
document.getElementById("start").onclick = function() { 
miner.start(); 
document.getElementById('progress').style.display = "block"; 
document.getElementById('progress').value = totalHashes; 
}; 

// Unlock content, stop miner and animation 
    if (totalHashes >= 100) { 
    document.getElementById('progress').style.display = "none"; 
    document.getElementById('4').innerHTML = "done"; 
    miner.stop(); 
} 
}, 0); 

は、完全なフィドルを参照してください：View Code

Answer 1

あなたが実際に進行状況を更新することはありません。進行状況を設定するボタンのイベントフックを再初期化するだけです。

document.getElementById("start").onclick = function() { 
    miner.start(); 
    document.getElementById('progress').style.display = "block"; 
    document.getElementById('progress').value = totalHashes; 
}; 

の作業例：https://jsfiddle.net/92goLj60/1/