<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"> <%--脚本管理器 ScriptManager(脚本控制器)是asp.net ajax存在的基础.--%>
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> <%--更新面板--%>
<ContentTemplate> <%--模板内容--%>
<%=DateTime.Now.ToString() %><br/>
<asp:Button ID="Button3" runat="server" Text="1111" OnClick="Button_Click" />
</ContentTemplate>
</asp:UpdatePanel>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Event"/>
</Triggers>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="5"> <%--更新进展--%>
<ProgressTemplate> <%--进展模板--%>
<table id="searching" cellpadding="0" cellspacing="0" style="border- 0px; position: absolute;
320px; top: 50%; left: 50%; margin-top: -35px; margin-left: -160px;">
<tr>
<td style="background-color: #95B7F3">
<table cellpadding="0" cellspacing="2" style="border- 0px; 100%; height: 70px;">
<tr>
<td align="center" style="font-size: 9pt; background-color: #f5f5f5">
<img alt="" src="../images/loading01.gif" /><br />
正在检索数据, 请稍候...
</td>
</tr>
</table>
</td>
</tr>
</table>
</ProgressTemplate>
</asp:UpdateProgress>
</form>
</body>
</html>
<%--UpdateProgress的AssociatedUpdatePanelID属性的三种使用方法
http://blog.csdn.net/hehuii/article/details/6900813--%>