progress.js
NOTE: In case you did not get here via github, the Documentation is over there.
charge bar
new Progress.bar({ id: "progress1", autoRemove: false, backgroundSpeed: 5, type: "charge" });
charge bar 2
new Progress.bar({ id: "progress2", autoRemove: false, backgroundSpeed: -5, type: "charge" });
charge bar 3 (percentage display)
new Progress.bar({ id: "progress6", autoRemove: false, backgroundSpeed: 5, type: "charge", showPercentage: true });
discharge bar
new Progress.bar({ id: "progress3", autoRemove: false, backgroundSpeed: 5, type: "discharge" });
discharge bar
new Progress.bar({ id: "progress4", autoRemove: false, backgroundSpeed: -5, type: "discharge" });
discharge bar (solid)
new Progress.bar({ id: "progress5", autoRemove: false, backgroundSpeed: -5, type: "discharge" });