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

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

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

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