Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
ProgressBar is a highly customizable MooTools progress bar class that animates to the desired percentage and can be styled in any manner by CSS.
JavaScript
Branch: master

Merge pull request #2 from schelmo/master

Merging schelmo's updates.  Great work!
latest commit d9e8fb9ba4
@darkwing authored
Failed to load latest commit information.
Demo
Docs
Source
README.md
package.yml

README.md

ProgressBar

ProgressBar is a highly customizable MooTools progress bar class that animates to the desired percentage and can be styled in any manner by CSS.

Screenshot

How to Use

ProgressBar can be initialized at any time but is generally initialized at the top of the document during the page's normal load. There are no required arguments -- only options.

HTML

<div id="put-bar-here2"></div>

Javascript

var pb = new dwProgressBar({
    container: $('put-bar-here2'),
    startPercentage: 10,
    speed:1000,
    boxID: 'box2',
    percentageID: 'perc2',
    displayID: 'text',
    displayText: true,
    step:15,
    onComplete: function() {
        alert('Done!');
    },
    onChange: function() {
        alert('Changed!');
    }
});

For specific usage and options, please read the documentation or visit http://davidwalsh.name/js/progressbar

Something went wrong with that request. Please try again.