Stop Progress Bar
Jeg har fundet nedenstående script til en Progress Bar.Hvordan laver jeg det sådan, at hvis jeg trykker på knappen igen, stopper den og returnere hvor lang tid der er gået.
<style>
#myProgress {
width: 100%;
background-color: #ddd;
}
#myBar {
width: 1%;
height: 30px;
background-color: #4CAF50;
}
</style>
<div id="myProgress">
<div id="myBar"></div>
</div>
<button onclick="move()">Click Me</button>
<script>
function move() {
var elem = document.getElementById("myBar");
var width = 1;
var id = setInterval(frame, 10);
function frame() {
if (width >= 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
}
}
}
</script>