asp.netでのロード時にページを非表示にする方法

Question

私はASP.NET 2.0とAJAX拡張ツールを使用しています。

ボタン提出時に既にローディングインジケータが作成されています。ボタンをクリックすると、次のページにリダイレクトされた後にローディングインジケータが表示されます。しかし、処理が完了するまで（次のページにリダイレクトした後）、ページを非表示にしたい。

<td style="width: 100px; height: 26px;"> 
        <asp:ScriptManager ID="ScriptManager1" runat="server"> 
       </asp:ScriptManager> 
       <asp:UpdateProgress ID="UpdateProgress1" DynamicLayout="false" runat="server"> 
    <ProgressTemplate> 
    <img src="Images/loading.gif" alt="Images/loading.gif" style="z-index: 100; left: 21px; position: absolute; top: 64px" /> 

    </ProgressTemplate> 
    </asp:UpdateProgress> 
       <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
        <ContentTemplate> 
        <dx:ASPxButton ID="btnOk" ClientInstanceName="btnok" runat="server" Style="z-index: 100; left: 90px; position: absolute; 
        top: 108px" Text="OK" Width="61px" BackColor="Gainsboro" OnClick="btnOk_Click" AutoPostBack="False" > 
        <DisabledStyle> 
         <Border BorderColor="Teal" /> 
        </DisabledStyle> 
         <ClientSideEvents Click="function(s, e) { 
        ShowloadingImage(); 
         }" /> 


       </dx:ASPxButton> 
       </ContentTemplate> 
      </asp:UpdatePanel> 

Answer 1

は、我々はページを非表示にすることができますjqueryのを使用して、このCSS

.OverAll 
{ 
    height:100%; 
    width:100%; 
    position:fixed; 
    left:0; 
    top:0; 
    z-index:2 !important; 
    background-color:black; 
} 

Answer 2

を使用して、あなたのページにあなたはすべての上にオーバーレイdiv要素を作ることができる「非表示」にするに：

私は、次のコードを使用していますページの読み込み中...次のコードを使用しています

 $(function() { 
    ($.unblockUI); 
    $('#pnlLogin_btnOk').click(function() { 
     $.blockUI({ message: '<img src="Images/loading.gif" />' }); 
    }); 
});