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

Answer 1

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

Answer 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.

Answer 3

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.