ProgressBar 1.1

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



Details

Author
David Walsh
Current version
1.1
GitHub
darkwing/ProgressBar
Downloads
4974
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.1: *
  • more/1.2.1: Fx.*

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

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


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus