Home JavaScript How to - JavaScript progress bar How to - JavaScript progress bar Ditulis Oleh Cftrend November 13, 2017 Advertisemen JavaScript Progress Bar 10% Click Me Learn how to create a progress bar using JavaScript. Creating a Progress Bar Step 1) Add HTML: Example Step 2) Add CSS: Example #myProgress { width: 100%; background-color: grey; } #myBar { width: 1%; height: 30px; background-color: green; } Step 3) Add JavaScript: Create a Dynamic Progress Bar (animated) Using JavaScript: Example 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 + '%'; } } }copy All codes below JavaScript Progress Bar Click Me Advertisemen
Add Comments