LoadBar

A simple self-animating progress bar. Exists as a browser-agnostic JS class that can have multiple instances on one page. Has 3 publicly accessible methods:

go([from])- Starts animating the bar, beginning at from, which ranges from 0-100.
stop()- Stops the bar at the current point in the animation.
at([percent])- Returns the current position of the bar. Optionally, sets the bar at percent way filled. Percent ranges from 0-100.

The constructor takes the following arguments, all of which are required:

id- The id of the dom element to use as the progress bar's container.
duration- The length, in seconds, of the full animation.
subs- The number of subdivisions in the progress bar.

This example increments over 100 steps in 2 seconds:

This second example increments over 5 steps in 5 seconds: