Percentage Loader

A tiny jQuery plugin for displaying progress in a visual and engaging way
run loader
or download on BitBucket

jQuery.PercentageLoader is a jQuery 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. It is open source (BSD licensed) and available
with instructions on BitBucket [here] or you can just grab the files [here]

better2web more examples

Controllable

It's also possible to use the percentage loader as a controller - try clicking and dragging on the widget. You 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).

Multiple

run loaders

You can easily run multiple loaders simultaneously.
This demo also demonstrates how the loader appears at a smaller size.

back to top