UpdateProgress是一个进度显示条，加在AJAX里能显得更加的人性化（个人认为）。现在我们就开始吧： 第一.新建一个AJAX项目。在页面上加上ScriptManager，UpdatePanel，UpdateProgress，同时在UpdatePanel中加入一个Label，和Button。 第二：选中UpdateProgress的AssociatedUpdatePanelID设置为UpdatePanel1，完整的HTML代码如下：
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit"%> <!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 runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> </div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="Label1" runat="server" Text="Label" Width="166px"></asp:Label> <br /> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"/> </ContentTemplate> </asp:UpdatePanel> <asp:UpdateProgress ID="testUp" runat=server AssociatedUpdatePanelID="UpdatePanel1"> <ProgressTemplate> progressing
.. </ProgressTemplate> </asp:UpdateProgress> </form> </body> </html>
第三，在BUTTON中加入点击事件，代码如下：
System.Threading.Thread.Sleep(5000); Label1.Text = DateTime.Now.ToString();
主要是故意创建一个延迟，显示效果。 最后，运行就ok了
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit"%> <!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 runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> </div> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="Label1" runat="server" Text="Label" Width="166px"></asp:Label> <br /> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"/> </ContentTemplate> </asp:UpdatePanel> <asp:UpdateProgress ID="testUp" runat=server AssociatedUpdatePanelID="UpdatePanel1"> <ProgressTemplate> progressing.. </ProgressTemplate> </asp:UpdateProgress> </form> </body> </html> System.Threading.Thread.Sleep(5000); Label1.Text = DateTime.Now.ToString();