Web 2.0 Progress Bar

Progressbar.JS is a lightweight, multipurpose, platform-independent JavaScript and CSS3 driven component that will enhance the usabiliy of your web applications. The possible use cases are unlimited - from the classic loading indicator displayed during AJAX calls through form validation to complex wizard-like interfaces - it all depends on you.

It is flexible, easy to install and fully customizable featuring rich client API, custom events and imageless purely CSS3-driven skins and cool animations.

Key Features

Rich client API.
Convenient custom events.
Extremely fast with a small footprint.
Skinnable - the full version includes the full set of 12 skins that will virtually fit any design.
Platform-independent - can work with any server platform (PHP is required for the demos).
Pageload or lazy initialization
Crossbrowser - all major browsers are supported.
Imageless CSS3 skins and animations where available.
Animated CSS3 stripes where available.

Custom Events and Rich Client API

The component comes with a number of useful public methods for manipulation.

Progressbar.JS supports 4 types of custom events - rendered, complete, deplete and destroy. You can subscribe to each one in order to execute certain code when this event is fired. Please, refer to the demo page included in the distribution of the component to learn how to set and use these events.

If you don't need to ececute custom code when these events are fired, just don't declare them in the initialization methods of the component or leave the functions empty.

Difference Between the Free and the Commerical Versions

The trial version of the control is fully functional, but comes with only one skin and displays a trial message on every progress bar. If you wish to have the trial notice removed and to have the complete set of skins, you may purchase the full version. Link to the purchase page is provided at the top of this page.

Supported Browsers

Internet Explorer 6
Internet Explorer 7
Internet Explorer 8
Internet Explorer 9
Internet Explorer 10
Mozilla FireFox
Apple Safari
Google Chrome
Opera

Skins

Licensing and Pricing Info

Single Website

A component purchased with this license is delivered with the full functionality and complete set of skins and can be used on 1-3 websites.

Price: $35

Multiple Websites

The multiple website license allows the use of the component on an unrestricted number of websites, and is delivered with the full functionality and complete set of skins.

Price: $55

Multiple Websites and Source Code

The developer license includes the source code, full functionality and set of skins. The component can be used on multiple websites. Obfuscation before uploading on a live site is required.

Price: $300

Progressbar.JS