Use multiple loading/waiting images within update panel in asp .net.

is article we will see how to use multiple loading/waiting images within Updatepanel. Sometimes our website contains multiple controls which performs large code behind calculations or communication with the database. In some cases these tasks take some long time to perform their actions. At these situations website page hangs up until the background operation is not completed. This make website users confused and frustrated because most of the users are not familiar with the coding. They might assume that website is not working and they continuously hit website page buttons or refresh their website page.

  To avoid this situation we can show users a waiting message or loading image during our control is doing its task in the background.  The most common way to show wait message or loading image in asp .net is to use UpdatePanel and UpdateProgress and show users a wait message or loading image while background operation is in process. UpdatePanel and UpdateProgress provides us easy and quick way to solve this situation but they have some limitations too. The most important I found that is by using UpdateProgress we can show only one waiting image or loading message within a page to our users. This make users very difficult to view loading image or waiting message if our website page is long or too many controls.

To solve this problem in 

this

article Anuj has demonstrated you how we can show multiple loading images or wait messages near controls which has begun background process. This will easily make website visitors understand that some operation is being executed in the background.

Final Output:     

Thanks Anuj. :)