Let’s answer the most popular question about Update Panels; "How can I update an Update Panel with Java Script on client-side?" Officially there is no tool or library/interface providing this feature.However there is always a solution :) Before going under the hood, I will introduce you my simple solution; Update Panel Java Script Extender.
you can see, there is a lot of information being displayed on this page.
And as far as the user experience is concerned, this page is great.
Toshort Date String(); Within the HTML source of the page drag & drop an updatepanel Animation extender and set following properties to it.
Like most people, I use more than a few of Google's web applications on a day to day basis.
The Page Request Manager class handles the partial-page updates of the Update Panel.
This class defines client events that you can use during an asynchronous request cycle.For all the three approaches, I have used a image to show a spinning gear kind of a progress bar while the Update Panel is performing some action.The image can be found with the source code for this article over here.So instead of waiting for 5 seconds with an empty screen, the shell of the page is immediately rendered and the panels are filled in as the data becomes available.Demo Page Update Panel Animation Extender is an extender that allows you to play animations both while an Update Panel is updating and after its update is finished.This shows up the image with the progress as shown below.