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:

Ready
Ready

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: Waiting on you...