darkwing / 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.

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.

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

progressbar's Issues

Using Ids

Hi,

I was trying to implement your ProgressBar. Great work though i was wondering : why are you using ids for each part of the ProgressBar ? Using a class names and accessing the objects using container.getElement('.myclass') would work perfectly and you wouldn't have to define ids for each loader you wana set on a page.

For instance, if i want to create two loaders and i don't want to bother defining ids for each, then your script is going to set the same id for each bar. I know i could just define the ids, but when doing group work, you never know what id has already been used so i try avoiding them.

I'm not an expert so if i'm wrong, do not hesitate to correct me.

Anyway, thanks for this great tool !