A A
RSS

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

Sat, Aug 4, 2007

Programming

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

Tags: , ,

  • Tintin
    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.
blog comments powered by Disqus
Advertise Here

What I'm Doing...

Yonkly Open Source

Sign up for my newsletter

powered by MailChimp!

Cyber Identity