用ajax打造和gmail一样的加载进度条显示！（原创）

<% @ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2"  %>

< script  runat ="server" >
    void Button1_Click(object sender, EventArgs e)
    {
        this.Label1.Text = "更新时间：" + System.DateTime.Now.ToString();
        System.Threading.Thread.Sleep(2000);
    }

    void Button2_Click(object sender, EventArgs e)
    {
        this.Label1.Text = "更新时间：" + System.DateTime.Now.ToString();
    }
</ script >

< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head  runat ="server" >
     < title > UpdatePanel Trigger Sample </ title >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
         < div >
             < asp:ScriptManager  ID ="ScriptManager1"  runat ="server" >
             </ asp:ScriptManager >
         < asp:UpdateProgress  ID ="UpdateProgress1"  runat ="server" >
             < ProgressTemplate >
                 < div  style ="left: 0px; width: 127px; position: relative; top: 0px; background-color: #ffcc33; float: right;" >
                    正在处理 </ div >
             </ ProgressTemplate >
         </ asp:UpdateProgress >
         </ div >
         < asp:UpdatePanel  ID ="UpdatePanel1"  runat ="server" >
             < ContentTemplate >
                 < div >
                     < asp:Button  ID ="Button1"  runat ="server"  Text ="异步回送"  OnClick ="Button1_Click"   /> &nbsp;&nbsp;
                     < br  />
                     < br  />
                     < asp:Label  ID ="Label1"  runat ="server"  Text ="当前时间"  Font-Bold ="True"  Font-Size ="Large" ></ asp:Label ></ div >
             </ ContentTemplate >
             < Triggers >
                 < asp:AsyncPostBackTrigger  ControlID ="Button1"   />
                 < asp:PostBackTrigger  ControlID ="Button2"   />
             </ Triggers >
         </ asp:UpdatePanel >
         &nbsp;
     </ form >
</ body >
</ html >

转载于:https://www.cnblogs.com/ma/archive/2007/04/28/731632.html