Progress bars are a great way visualizing events that may take some time like uploads, form submissions & more.
This is a MooTools animated progress bar which is highly customizable and easy to implement.
You can define the "start percentage" and "speed" of the progress bar besides other variables.
Usage is this easy:
pb = new dwProgressBar({
container: $(’put-bar-here’),
startPercentage: 25,
speed:1000,
boxID: ‘box’,
percentageID: ‘perc’
});
and you can set the progress bar to a new percentage with a simple command like: pb.set(55); .
To see a demo of this MooTools progress bar, click here.
Requirements: MooTools
Compatibility: All Major Browsers
Website: http://davidwalsh.name/progress-bar-animated-mootools
Demo: http://davidwalsh.name/dw-content/progress-bar.php
No comments:
Post a Comment