Progress Bar Issue

Hi, I’m trying to implement a progress bar that supposedly works for someone else ([URL=”http://www.webmasterworld.com/javascript/3995459.htm”]forum link[/URL]). Every time I try this, it seems to wanna perform the actual script/or mock script(sleep func) BEFORE showing the progress bar.

Any clue what’s going on here?

[CODE]
<?php

echo ‘<h1>Logging into system…</h1>’;
echo ‘<div id=”progress” style=”width: 100px;border: 1px solid black”><div id=”progress_bar” style=”height: 24px; width: 1px;background: blue;”></div></div>’;
ob_flush(); flush(); usleep(300000); // <- forces output to be sent to browser

// tell the user we’re 10% done:
echo ‘<script>document.getElementById(“progress_bar”).style.width = ’10px’; </script>’;
ob_flush(); flush(); usleep(300000);

//…do some processing…//

sleep(3);

// tell the user we’re 50% done:
echo ‘<script>document.getElementById(“progress_bar”).style.width = ’50px’; </script>’;
ob_flush(); flush(); usleep(300000);

// tell the user we’re 100% done:
echo ‘<script>document.getElementById(“progress_bar”).style.width = ‘100px’;</script>’;
ob_flush(); flush(); usleep(300000);

?>
[/CODE]

Thanks much!

Also in #PHP _↴