ASP.NET AJAX: Rendering a Gmail-like ‘Loading’ Indicator

August 4, 2007

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?

Featured on ASP.NET
One of my sites (www.kbshortcuts.com) is featured on Microsoft's AJAX Showcase at http://ajax.asp.ne...
Ajax with ASP.NET MVC Framework Preview 2
This is the updated version of the Nikhil's excellent example on how to use Ajax with ASP.net MVC. ...
Resolving URL in ASP.net using Tilda (~)
I have been using .net since it has come out and I just found this out (so, I am kind of pissed). W...
asp.net 2.0 Error: ‘Title’ is not a member of ‘ASP…
The Best JavaScript Library

Posted in AJAX, Web Dev, asp.net

Viewing 1 Comment

Tintin 1 year ago 1 point
Please login to rate.

Do you already have an account? Log in and claim this comment.

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.

reply edit reblog flag