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):

Ready

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

Status: