游戏加载进度条 - 2秒后自动跳转到王者荣耀官网 - 常规

<body>
    <div class='container mt-5'>
        <h3>游戏加载进度条</h3>
        <div class='progress'>
            <div id='progress-bar' class='progress-bar' role='progressbar' aria-valuenow='0' aria-valuemin='0'
                 aria-valuemax='100'></div>
        </div>
    </div>
    <script>
        // 模拟加载进度
        function simulateLoading() {
            var progressBar = document.getElementById('progress-bar');
            var progress = 0;
            var interval = setInterval(function () {
                progress += 1;
                progressBar.style.width = progress + '%';
                progressBar.setAttribute('aria-valuenow', progress);
                progressBar.innerHTML = progress + '%';
                if (progress >= 100) {
                    clearInterval(interval);
                    progressBar.classList.remove('progress-bar-animated');
                    progressBar.classList.add('bg-success');
                    progressBar.innerHTML = '加载完成';
                    // 设置自动跳转到王者荣耀官网
                    setTimeout(function () {
                        window.location.href = 'https://pvp.qq.com/';
                    }, 2000); // 2秒后跳转
                }
            }, 500);
        }
        // 页面加载完成后开始模拟加载进度
        document.addEventListener('DOMContentLoaded', function () {
            simulateLoading();
        });
    </script>
</body>