HTML5 Fortschritts-Tag-Wert wird nicht erhöht

Question

Ich möchte den HTML5-Fortschritts-Tag-Wert erhöhen, da sich mein JavaScript-Wert erhöht. Das Problem ist, dass es nicht dynamisch ist. Hier ist meine 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); 

Die gesamte Fiddle: View Code

Answer 1

Sie nie wirklich den Fortschritt aktualisieren. Sie initialisieren den Ereignis-Hook einfach auf der Schaltfläche, die den Fortschritt festlegt.

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

Arbeitsbeispiel: https://jsfiddle.net/92goLj60/1/