ASP.NET Ajax UpdateProgress

UpdateProgress control shows the status information for the progress of the download occurring during the partial-page rendering in the UpdatePanel. The page can contain multiple UpdateProgress controls. Each one can be associated with a different UpdatePanel control. Alternatively, you can use one UpdateProgress control and associate it with all the UpdatePanel controls on the page.

You can place UpdateProgress control either inside or outside the UpdatePanel controls. The following Asp.Net program shows how to an UpdateProgress control waits for completion of the task and during this waiting time it shows a .gif file as waiting message.

Default.aspx

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<title>Untitled Page</title>
</head>
<body>
	<form id="form1" runat="server">
	<div>
		<asp:ScriptManager ID="ScriptManager1" runat="server">
		</asp:ScriptManager>
		<asp:UpdateProgress ID="UpdateProgress1" runat="server">
			 <ProgressTemplate>
				<img alt="ajax-progress" src="http://asp.net-informations.com/ajax/img/ajax-progress.gif"></img>
			</ProgressTemplate>
	   </asp:UpdateProgress>
		<asp:UpdatePanel ID="UpdatePanel1" runat="server">
			<ContentTemplate>
			   <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
			   <br />
			   <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
			</ContentTemplate>
		</asp:UpdatePanel>
	</div>
	</form>
</body>
</html>

Click the following links to see full source code

C# Source Code

VB.NET Source Code

Default.aspx.cs

Default.aspx.vb

ASP.NET Ajax - Related Contents

What is Ajax

How to ASP.NET Ajax

ASP.NET Ajax ServerControls

First Asp.Net Ajax Program

ASP.NET Ajax Timer

ASP.NET Ajax Database Programming