JQuery loading dialog effect

Question

In the past I used YUI container for LOADING effect. Please see this link:

http://developer.yahoo.com/yui/examples/container/panel-loading_clean.html

But someone suggested to me to use jQuery. Can anybody let me know any link or code to create a loading effect in jquery like YUI has been providing?

Thanks, Ravi Bhartiya

rockerest · Accepted Answer · 2011-02-09 17:27:06Z

2

In order to get this functionality (easily), you will need to use jQuery UI.

You'll need to combine two of the widgets they have included in order to replicate that effect.

You'll need to put a Progress Bar inside of a Dialog. To get the grayed out background effect, you'll need to enable the 'modal' attribute on the dialog.

Please see the jQuery UI documentation and demos for more info, as I'm not an expert with jQuery UI.

answered Feb 9, 2011 at 17:27

rockerest

10.5k3 gold badges39 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jimmystormig · Accepted Answer · 2011-02-09 17:26:36Z

1

This jQuery plugin might be what you are looking for http://malsup.com/jquery/block/#page?

answered Feb 9, 2011 at 17:26

jimmystormig

10.9k1 gold badge31 silver badges28 bronze badges

Comments

Justin Ethier · Accepted Answer · 2011-02-09 17:27:25Z

1

Yes, you can do this by using a combination of the jQuery UI progressbar and dialog. There may also be a jQuery plugin that you can use to achieve a similar effect.

answered Feb 9, 2011 at 17:27

Justin Ethier

135k53 gold badges235 silver badges291 bronze badges

Collectives™ on Stack Overflow

JQuery loading dialog effect

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related