ASP.NET Tutorial/Ajax/UpdateProgress
Using the UpdateProgress Control
<source lang="csharp">
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server">
protected void btnSubmit_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(5000); }
</script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
<title>Show UpdateProgress</title> <style type="text/css"> .progress { font-family:Arial; position: absolute; background-color:lightyellow; border:solid 2px red; padding:5px; } </style>
</head> <body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" /> <asp:UpdatePanel ID="up1" runat="server"> <ContentTemplate> <%= DateTime.Now.ToString("T") %> <asp:Button id="btnSubmit" Text="Submit" Runat="server" OnClick="btnSubmit_Click" /> </ContentTemplate> </asp:UpdatePanel> <asp:UpdateProgress ID="progress1" AssociatedUpdatePanelID="up1" runat="server"> <ProgressTemplate>
<asp:Image id="imgProgress" ImageUrl="~/Images/Progress.gif" Runat="server" /> Retrieving content...
</ProgressTemplate> </asp:UpdateProgress>
</form>
</body> </html></source>