A percentage loader jQuery plugin

A small jQuery plugin for displaying progress in a visual and engaging way.

jQuery percentage loader

jQuery.PercentageLoader is a plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter.

Installation and use is quick and simple. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional), using vectors rather than images so can be easily deployed at various sizes.

Multiple percentage loader

On sample screen-shot we can see multiple loaders runner.

A percentage loader jQuery plugin
A percentage loader jQuery plugin


It’s also possible to use the percentage loader as a controller – try clicking and dragging on the widget. We can pass in a callback function to the widget to capture the new value as the user updates the widget (notice the bidirectional communication between the jQuery UI slider beneath the loader).

The plugin is open source (BSD licensed).

Get more information and download: