在導航到另一個頁面之前創建加載動畫，並在動畫期間禁用所有其他頁面上的動畫

我在頁面1上有一個按鈕，當發生按鈕單擊事件時，我必須執行一些需要大約2-3秒的過程。所以，我希望把中心加載圖像，並禁用所有其他控件的頁面1.在導航到另一個頁面之前創建加載動畫，並在動畫期間禁用所有其他頁面上的動畫

我使用UpdatePanel試穿：

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
     </asp:ScriptManager> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
      <asp:Button runat="server" Text="Button" onclick="Unnamed1_Click" /> 
      <asp:Label runat="server" Text="Label" ID="lbl"></asp:Label> 
      </ContentTemplate> 
     </asp:UpdatePanel> 

     <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" > 

     <ProgressTemplate> 

     <div id="IMGDIV1" align="center" valign="middle" runat="server" style="position: absolute;visibility:visible;vertical-align:middle;border-style:none;border-color:black;background-color:transparent;"> 

     <asp:Image ID="Image1" runat="server" ImageUrl="~/ajax-loader (1).gif" /> 
     </div> 

     </ProgressTemplate> 
     </asp:UpdateProgress>

但控制沒有得到禁止。任何解決方案或Javascript？

另外我希望它應該工作，如果要保持在同一頁面上。

來源

2012-12-26 akshaykumar6