How to display an image when aAsynch post back is happening

Question

I have an Ajaxable application which has some UpdateProgress for each postBack events. everything is good and working great.

I want to display another Indicator in my SiteMapPath bar which shows a post back is happening no matter what.

For example when user clicks on a button an UpdateProgress display an Indicator Image in central part of application. I want to display another image ( for every postbacks not only for one) in top of application toolbar.

Currently I use a simple Flag out ther and I want to use an indicator instead of that flag when ever a postback happens

Thank you in advance

Answer 1

You can simply have more than one asp:UpdateProgress control which point the to the same AssociatedUpdatePanelID

Answer 2

I believe you could do this in jquery alone by utilizing the ajaxSend and ajaxComplete events. Just bind a function to these events that will display your indicator and then hide the indicator. Take a look at the jquery docs for more info.

 $("#loading").bind("ajaxSend", function(){
   $(this).show();
 }).bind("ajaxComplete", function(){
   $(this).hide();
 });