Ajax(6)UpdateProgress使用方法

UpdateProgress是一个进度显示条，加在AJAX里能显得更加的人性化（个人认为）。现在我们就开始吧：
第一.新建一个AJAX项目。在页面上加上ScriptManager，UpdatePanel，UpdateProgress，同时在UpdatePanel中加入一个Label，和Button。
第二：选中UpdateProgress的AssociatedUpdatePanelID设置为UpdatePanel1，完整的HTML代码如下：

<%@ Register
Ajax(6)UpdateProgress使用方法

Assembly="AjaxControlToolkit"
Ajax(6)UpdateProgress使用方法

Namespace="AjaxControlToolkit"
Ajax(6)UpdateProgress使用方法

TagPrefix="ajaxToolkit" %>
Ajax(6)UpdateProgress使用方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Ajax(6)UpdateProgress使用方法

<html xmlns="http://www.w3.org/1999/xhtml" >
Ajax(6)UpdateProgress使用方法

<head runat="server">
Ajax(6)UpdateProgress使用方法

<title>无标题页</title>
Ajax(6)UpdateProgress使用方法

</head>

<body>

<form id="form1" runat="server">
Ajax(6)UpdateProgress使用方法

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">
Ajax(6)UpdateProgress使用方法

</asp:ScriptManager>
Ajax(6)UpdateProgress使用方法

</div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
Ajax(6)UpdateProgress使用方法

<ContentTemplate>
Ajax(6)UpdateProgress使用方法

 <asp:Label ID="Label1" runat="server" Text="Label" Width="166px"></asp:Label> 
Ajax(6)UpdateProgress使用方法

<br />

              
Ajax(6)UpdateProgress使用方法

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
Ajax(6)UpdateProgress使用方法

</ContentTemplate>
Ajax(6)UpdateProgress使用方法

</asp:UpdatePanel>
Ajax(6)UpdateProgress使用方法

<asp:UpdateProgress ID="testUp" runat=server AssociatedUpdatePanelID="UpdatePanel1">
Ajax(6)UpdateProgress使用方法

<ProgressTemplate>
Ajax(6)UpdateProgress使用方法

progressing Ajax(6)UpdateProgress使用方法

</ProgressTemplate>
Ajax(6)UpdateProgress使用方法

</asp:UpdateProgress>
Ajax(6)UpdateProgress使用方法

</form>

</body>

</html>

第三，在BUTTON中加入点击事件，代码如下：

System.Threading.Thread.Sleep(5000);
Ajax(6)UpdateProgress使用方法

Label1.Text = DateTime.Now.ToString();

主要是故意创建一个延迟，显示效果。
最后，运行就ok了