HTML 簡易 自動前進 進度條

progress.html

<label>wait:</label>

<progress id="progress" max="100" value="0"></progress>

<button id="button" onclick="loadProgress()">Load</button>

<script type="text/javascript">
    function loadProgress() {
        const progress = document.getElementById('progress');
        const button = document.getElementById('button');
        progress.value = 0;
        const interval = setInterval(() => {
            progress.value += 1;
            button.disabled = true;
            if (progress.value >= 100) {
                clearInterval(interval);
                button.disabled = false;
            }
        }, 10);//單位: 毫秒
    }
</script>
<!--Ruyut-->