ASP.NET 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?

kick it on DotNetKicks.com

Advertisements

0 thoughts on “ASP.NET AJAX: Rendering a Gmail-like ‘Loading’ Indicator

  1. The only problem is won’t that add an extra div of markup for the updatepanel? Yes, it’s less code, but you could end up with divitis if you’re not careful.

    Like

  2. The only problem is won’t that add an extra div of markup for the updatepanel? Yes, it’s less code, but you could end up with divitis if you’re not careful.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s