GrassHopperPebbles.com Demos

JQuery Plugins

imProgressBar 0.5 - PopuUp

In this example, I've set up the imProgessBar with a display option of popup. I also set the top option to 150px (default is 20px). The popup will appear vertically centered on the screen.

$('#mapInfo').imProgressBar({
	progress_bar: {'container': 'imProgBarCntnr', 'bar_back_class' : 'imBarBack', 'bar_class': 'imProgBar'},
	display: {'type': 'popup', 'top': '150px'},
	animate_duration: 1500
});

I also set the animation_duration to 1500 (miliseconds), so that the bar width will increase every 1.5 seconds. The default for this option is 100 (.1 secs).

View the source code for this page to see how to set up the plugin. For documentation on the imProgessBar plugin, see my post: JQuery Plugin: imProgessBar.

Tags

, , , , , , ,