Javascript Progress Bar

There are many open source Javascript progress bar widgets, one of them is the one in JQuery UI.

It is simple to use. To use it, just create an empty div:

<div id="progressbar"</div>

And then, use the following Javascript to activate it:

$(function() {

    $( "#progressbar" ).progressbar({

        value: 0

    });

});

To update progress, have a function like this:

function setProgress(p) {

    $( "#progressbar" ).progressbar("option", "value", p)  

}

References:

• http://jqueryui.com/home
• http://jqueryui.com/demos/progressbar/
• http://net.tutsplus.com/tutorials/javascript-ajax/create-a-progress-bar-with-javascript/