How can a progress bar be implemented in PHP to switch to another page after a certain time period?

To implement a progress bar in PHP that switches to another page after a certain time period, you can use JavaScript to update the progress bar and then redirect the user to the new page once the progress is complete. You can achieve this by setting a timer in JavaScript to update the progress bar and then use PHP to redirect the user to the new page. 

<!DOCTYPE html>
<html>
<head>
    <title>Progress Bar Redirect</title>
    <script>
        function updateProgress() {
            var progressBar = document.getElementById('progress');
            var width = 1;
            var interval = setInterval(function() {
                if (width >= 100) {
                    clearInterval(interval);
                    window.location.href = 'new_page.php'; // Redirect to new page
                } else {
                    width++;
                    progressBar.style.width = width + '%';
                }
            }, 50); // Update progress every 50 milliseconds
        }
    </script>
</head>
<body onload="updateProgress()">
    <div style="width: 100%; background-color: #f1f1f1;">
        <div id="progress" style="width: 1%; height: 30px; background-color: #4CAF50;"></div>
    </div>
</body>
</html>

Keywords

PHP progress bar timer redirect page switch

Related Questions