ProgressBox with JavaScript

When developing a web page, time to time we needs a ProgressBox to show information to user about long progress. For example when making ordered ajax calls, we want to show information about process. I have developed my ProgressBox function with java script and jQuery. I hope it will be useful for you.

Here are some samples of usage:
function showProgress() {
    // show progress bar
    ProgressBox.show('Progress for 3 seconds.');
    doSomething();
}

function doSomething() {
    // hide after 3 seconds
    setTimeout(function () { ProgressBox.hide(); }, 3000);
}
And also, you can lock window with windowLock parameter of Show function when showing progress
// show progress bar with lock
ProgressBox.show('Progress for 3 seconds.', true);
You can find source code and sample usage on

0 comments:

Post a Comment