Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

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.

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 Demo
Octocat-spinner-32 Docs
Octocat-spinner-32 Source
Octocat-spinner-32 README.md
Octocat-spinner-32 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.