Percentage Loader
A tiny jQuery plugin for displaying progress in a visual and engaging wayor 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]
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
You can easily run multiple loaders simultaneously.
This demo also demonstrates
how the loader appears at a smaller size.