I need examples for adding a throbber during page loads

Does someone have a code example of running an animated throbber during asp.net page loads? More than one example woul开发者_开发问答d be appreciated.

A throbber is generally just an animated .gif that holds the place of content. When the content is loaded, that image is hidden or removed from the dynamic element and replaced with the actual content (or vice versa if you're making a form or similar).

Here's a link to the Facebook "throbber" - http://static.ak.fbcdn.net/rsrc.php/v1/zb/r/GsNJNwuI-UM.gif

Here's a link to a Wikipedia asset: https://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif

Matching article: https://en.wikipedia.org/wiki/Throbber

As you can see, it's an animated gif.

Update: If you're still using this for reference then please check out the CSS throbbers in various projects.

On http://ajaxload.info/ you can generate your own :)

You can use asp.net AJAX UpdateProgress control. Put your throbber image in the ProgressTemplate.

The issue with that is you will have to use UpdatePanel for that. If you are already using it nice.

Another options you might want to look into:

Use jQuery to show/hide your throbber.

jQuery UI's progressbar plugin.