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

zoukankan html css js c++ java

用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;  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" />  
                    <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>
         
    </form>
</body>
</html>

查看全文

相关阅读:
结构体的malloc与数组空间
 绘制K线图
 加载文件
 数据分析(绘图)
GIT操作
 疑难杂症汇总
 Shell编程2
shell编程1
shell命令2
Shell命令1

原文地址：https://www.cnblogs.com/ma/p/731632.html