Percentage loader with jQuery plugin & HTML 5

jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. The plugin takes miniminal installation and is simple and flexibile to use. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional). It uses vectors rather than images so can be easily deployed at various sizes by simply adjusting the initial parameters. For a live demo please see http://widgets.better2web.com/loader

Usage:

You can update the values with .setProgress() and .setValue() functions, e.g.

You can handle updates with a user-controllable loader with a callback function:

Requirements :- jQuery Framework & HTML5 supporting browsers
Demo :- http://widgets.better2web.com/loader/
License :- BSD license

Leave a Reply