ASP.Net Ajax框架 UpdateProgress控件 頁面刷新等待動畫

介紹

在實際使用過程中，由於網絡速度和服務器響應能力的影響，導致異步刷新有時並非想象中的那樣快，
        需要用戶等待一段時間，才能顯示刷新後的結果，在等待的過程中，用戶不知道服務器處理是否完成，會感覺很迷茫
        如果我們 在服務器處理數據時加入一個GIF動畫，告訴用戶稍等，在服務器處理完成數據時GIF動畫消失，就會提高用戶的體驗度
        
        ASP.Net AJAx核心組件中的UpdataProgress控件專用於實現網站中的等待提示功能。
        當頁面異步更新數據時，顯示給用戶友好的提示信息。該信息可以是文本信息，也可以是圖片信息

使用

<form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <div>
                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                    <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                        <ProgressTemplate>
                            <h3>........................</h3>
                        </ProgressTemplate>
                    </asp:UpdateProgress>
                </div>
                <div>
                    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
                </div>
                <div>
                    <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button1_Click" />
                </div>
            </ContentTemplate>
  
        </asp:UpdatePanel>


    </form>

後臺代碼

namespace ch5
{
    public partial class T3 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            double sum = 0;
            for (double i = 0; i <= 100000000; i++)
            {
                sum += i;
            }
            Label1.Text = sum.ToString();
        }
    }
}