progressbar


<style type="text/css">
        .overlay
        {
       position: fixed;
       z-index: 98;
       top: 0px;
       left: 0px;
       right: 0px;
       bottom: 0px;
            background-color: #aaa;
            filter: alpha(opacity=80);
            opacity: 0.8;
        }
        .overlayContent
        {
       z-index: 99;
       margin: 250px auto;
       width: 80px;
       height: 80px;
        }
        .overlayContent h2
        {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }
        .overlayContent img
        {
       width: 80px;
       height: 80px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Button ID="Button1" runat="server" Text="Click Me" onclick="Button1_Click" />
        </ContentTemplate>
    </asp:UpdatePanel>

    <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0" AssociatedUpdatePanelID="UpdatePanel1">
        <ProgressTemplate>
            <div class="overlay" />
            <div class="overlayContent">
                <h2>Cargando...<img src="Images/ajax-loader.gif" alt="Loading" border="1" /></h2>
                &nbsp;</div>
        </ProgressTemplate>
    </asp:UpdateProgress>




protected void Button1_Click(object sender, EventArgs e)
        {
           // System.Threading.Thread.Sleep(3000);
            System.Threading.Thread.Sleep(-1);
        }

1 comentario: