Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

AlloyUI Progressbar (gallery-aui-progressbar) on cdn

Last Updated: 06/8/10

+ 1 -

Liferay, Inc.

See 69 more by this user.

Created: 06/2/10
Last CDN Push: 02/9/11
Build Tag: gallery-2011.02.09-21-32
Project: YUI 3
License: YUI BSD
YUI Version: 3.1.1
Free for use.

The AlloyUI ProgressBar provides a visual means of showing progress of an ongoing operation. The ProgressBar can be enhanced via CSS styles to provide different colors, shapes and textures. The bar can move horizontally or vertically. The movement can be enhanced by using the Animation utility.

To view all available events and configuration attributes, view the documentation.
You can configure the ProgressBar in a number of ways, like so:

Code Sample

<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.02.09-21-32',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2011.02.09-21-32/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-progressbar', function(Y) {
	// Creating a basic horizontal progress bar
	var progressBar1 = new Y.ProgressBar({
		boundingBox: '#progressBar1'
	}).render();
 
	// Creating a basic vertical progress bar
	var progressBar2 = new Y.ProgressBar({
		boundingBox: '#progressBar2',
		orientation: 'vertical',
		height: 300
	}).render();
 
});

Forum Posts

Subject	Author	Date
Why?	John Lindal	06/9/10
Re: Why?	Murray Macchio	06/10/10
Re: Why?	Murray Macchio	06/10/10
Styling	Eike Hirsch	06/11/10
Re: Why?	Eduardo Lundgren	06/11/10
Re: Styling	Eduardo Lundgren	06/11/10
Re: Why?	Murray Macchio	06/11/10
Re: Why?	Eduardo Lundgren	06/11/10
Re: Styling	Eike Hirsch	06/14/10
Parallel thinking	Peter Peterson	06/15/10