Welcome to .net2go Sign in | Join | Help

Emad on Web Technologies

A technical blog focusing on .net and Microsoft technologies. Topics such as asp.net, AJAX, SQL, InfoPath, SharePoint and many others are covered.
ASP.NET AJAX: Rendering a Gmail-like 'Loading' Indicator

http://www.emadibrahim.com/2007/08/04/aspnet-ajax-rendering-a-gmail-like-loading-indicator/Here is an interesting article on how to display Gmail-like progress indicator: Matt Berseth: ASP.NET AJAX: Rendering a Gmail-like 'Loading' Indicator over a Specific ASP.NET Control

But I have a much easier method to do that, which I use in www.yongazonga.com:

First, add your UpdateProgress control like this:

<asp:UpdateProgress ID="UpdateProgress2" runat="server" 
    AssociatedUpdatePanelID="pnlNewUser"
   DisplayAfter="0" DynamicLayout="True">
      <ProgressTemplate>
         <div class='progresspanel'>
                Loading...
         </div>
      </ProgressTemplate>
</asp:UpdateProgress>

And then apply this style to the div:

.progresspanel
{
    background-color: RED;
    color: White;
    top: 1px;
    color: white;
    position: absolute;
    right: 16px;
    z-index: 999;
}

Do you have a better/easier way of doing this?

Posted: Saturday, August 04, 2007 8:33 PM by emad

Comments

No Comments

Anonymous comments are disabled