ASP NET Display Loading message while update panel is updating

Question

Hello I am creating an ASP NET C  application I have an update panel that takes time to update  Is there a way to display a  Loading    Please Wait  Message during the time of the calculations   Currently I am using AJAX panel animation fade in fade out  to make the panel disappear while calculating and then reappear when done  But that is not very practical   I need to display a message if possible   Thank you for any help   this is the code of my panel    lt asp UpdatePanel ID  UpdatePanel1  runat  server  gt       lt Triggers gt           lt asp AsyncPostBackTrigger ControlID  Button1  EventName  Click   gt       lt  Triggers gt       lt ContentTemplate gt            Contents goes here      lt  ContentTemplate gt   lt  asp UpdatePanel gt    And the Ajax Panel animation extender   lt ajaxToolkit UpdatePanelAnimationExtender ID  UpdatePanelAnimationExtender1  runat  server  TargetControlID  UpdatePanel1  gt       lt Animations gt           lt OnUpdating gt               lt FadeOut Duration  1  Fps  20    gt           lt  OnUpdating gt           lt OnUpdated gt               lt FadeIn Duration  2  Fps  20    gt           lt  OnUpdated gt       lt  Animations gt   lt  ajaxToolkit UpdatePanelAnimationExtender gt

User · Answer

You can use the UpdateProgress control   Also see  ajax  quot loading quot  icon with UpdatePanel postbacks

User · Answer

You can use code as below when  using Image as Loading   lt asp UpdateProgress id  updateProgress  runat  server  gt       lt ProgressTemplate gt           lt div style  position  fixed  text-align  center  height  100   width  100   top  0  right  0  left  0  z-index  9999999  background-color   000000  opacity  0 7   gt               lt asp Image ID  imgUpdateProgress  runat  server  ImageUrl    images ajax-loader gif  AlternateText  Loading      ToolTip  Loading      style  padding  10px position fixed top 45  left 50      gt           lt  div gt       lt  ProgressTemplate gt   lt  asp UpdateProgress gt    using Text as Loading   lt asp UpdateProgress id  updateProgress  runat  server  gt       lt ProgressTemplate gt           lt div style  position  fixed  text-align  center  height  100   width  100   top  0  right  0  left  0  z-index  9999999  background-color   000000  opacity  0 7   gt               lt span style  border-width  0px  position  fixed  padding  50px  background-color   FFFFFF  font-size  36px  left  40   top  40    gt Loading     lt  span gt           lt  div gt       lt  ProgressTemplate gt   lt  asp UpdateProgress gt

User · Answer

Awesome tutorial  3 Different Ways to Display Progress in an ASP NET AJAX Application

[c#] ASP.NET Display "Loading..." message while update panel is updating

Examples related to c#

Examples related to asp.net

Examples related to ajax

Examples related to updatepanel