<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><style>#myProgress { width: 100%; height: 30px; position: relative; background-color: #ddd;}#myBar {
background-color: #4CAF50; width: 10px; height: 30px; position: absolute;}</style><body><h1>JavaScript 进度条</h1>
<div id="myProgress">
<div id="myBar"></div></div><br>
<button οnclick="move()">点我</button><script>
function move() { var elem = document.getElementById("myBar"); var width = 0; var id = setInterval(frame, 1000); function frame() { if (width == 100) { clearInterval(id); } else { width++; elem.style.width = width + '%'; } }}</script></body>
</html>