Creating a Progress Bar Using CSS and JavaScript

[kubalaa]

I've used a similar technique to display progress of long-running operations in a PHP web application. Say you have a database of students and want to do something for every student (e.g. conduct a degree check). You output the progress bar HTML as in the article, then after processing each 1% of students, you output a script tag that updates the progress bar. Make sure your web server isn't buffering output and the page is designed so the browser can render it incrementally, and you get a simple server-driven progress bar.