How To: Build a better ASP.NET AJAX UpdateProgress notification

.NET ,AJAX ,ASP.NET ,Tutorial
February 25, 2008


I’ve been working on ASP.NET AJAX eversince it’s beta days and the UpdateProgress and UpdatePanel has been my bestfriend since day one. I’ve learned a few tricks while using ASP.NET and today I’d like to share with you several ways to customize the look and feel of you UpdateProgress control with this sample solution. I have created a sample application that would demonstrate different ways to position your UpdateProgress control in the web browser. 


The samples included in the solution is as follows:




  • Sample 1

    The usual ASP.NET AJAX UpdateProgress control usage. This demonstrates the typical use of the UpdateProgress control in an application


  • Sample 2

    An ASP.NET AJAX UpdateProgress control positioned in the top right of the browser. (GMAIL like behavior)


  • Sample 3

    An ASP.NET AJAX UpdateProgress control positioned in the top right of the browser with a transparent gray background. (GMAIL like behavior)


  • Sample 4

    An ASP.NET AJAX UpdateProgress control positioned in the top right of the browser with a transparent gray background and the notification following the scrollbar position (fixed position).


  • Sample 5

    An ASP.NET AJAX UpdateProgress control positioned in the middle of the browser with a transparent gray background.


  • Sample 6

    An ASP.NET AJAX UpdateProgress control positioned in the middle of the browser with a transparent gray background and the notification following the scrollbar position (fixed position).


  • Sample 7

    An ASP.NET AJAX UpdateProgress control that uses the AlwaysVisibleControlExtender trick to place the progress notification at the top right of the browser.


  • Sample 8

    An ASP.NET AJAX UpdateProgress control that uses the AlwaysVisibleControlExtender trick to place the progress notification at the middle of the browser.



The project includes all aspx files, images and stylesheets that demonstrates effective UpdateProgress notifications. You can checkout the running sample of this ASP.NET AJAX project at the DevPinoy.org demo site


I hope what I shared with you can be useful in your daily life as a .NET developer. If you are interested you can download the source code for the whole project here: KeithRull.BuildingABetterAJAXLoadingNotification.zip (191.48 KB)

5 thoughts on “How To: Build a better ASP.NET AJAX UpdateProgress notification”

  1. This is awesome and exactly what I was looking for. Thanks!

  2. Keith Rull says:

    You’re welcome Vincent! šŸ™‚

  3. Steve says:

    Thanks Keith, this is a huge timesaver. Keep it up!

  4. Keith Rull says:

    Thanks Steve! I have a new demo application coming in a few days. I’ve already built it but I need to refine the Ajax code to make much more readable. šŸ˜‰

  5. Angelo says:

    Hi Keith, Sample links are not working anymore…

Leave a Reply to Keith Rull Cancel reply

Your email address will not be published. Required fields are marked *