Progress Bar

The example shows how to use the ProgressBar class. The js is not minified so it is readable. See progress-bar.js.

Basic Progress Bar
Deferred rendering, dynamic show/hide and built-in progress text:

Nothing to see here.

Additional Options
Rendered on page load, left-aligned text and % width:

Waiting Bar
Wait for a long operation to complete (example will stop after 5 secs):


Custom Styles
Rendered like Windows XP with custom progress text element: