Здраствуйте. Сделал Progress Bar, все работает вот только не могу сделать кнопку чтобы остановить его(Когда нажимаешь на кнопку "Stop", прогресс останавливается). Помогите пожалуйста)
Код:
Ссылка на plnkr.co -
демо
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.progress_bar {
position: relative;
width: 200px;
height: 5px;
background: silver;
}
.progress {
height: 5px;
background: green;
}
}
</style>
</head>
<body>
<script>
function move() {
var elem = document.getElementById("bar");
var width = 1;
var id = setInterval(frame, 10);
function frame() {
if (width >= 100) {
width = 1;
} else {
width++;
elem.style.width = width + '%';
}
}
}
</script>
<div class="progress_bar">
<div class="progress" id="bar" style="width: 0px;"></div>
</div>
<br>
<input type="button" value="start" onClick="move()">
<input type="button" value="stop" onClick="">
</body>
</html>