基本JavaScript Progressbar动画

Posted 2021-02-26

<div id="progress" style="background: green; width: 0;">&nbsp;</div>
<p><a href="#" onclick="progress(); return false;">start</a></p>
 
function progress() {
    var loadingbar = document.getElementById("progress");
    var width = parseInt(loadingbar.style.width);
    width++;
    loadingbar.style.width = width + "px";
    if (width < 300) {
        setTimeout(progress, 10);
    }
}