javascript - ajax更新进度条控件不起作用

Question

我一直在做一个项目，但我遇到了一个问题，因为我必须在表格中插入数据时使用进度条，这需要一些时间..但是我的代码不起作用..请查看下面给出的代码

   <asp:ScriptManager ID="ScriptManager1" runat="server">
   </asp:ScriptManager>
   <asp:UpdatePanel ID="UpdatePanel1" runat="server">
   <Triggers> 
    <asp:AsyncPostBackTrigger ControlID="btnsubmit" EventName="Click"/>
   </Triggers>
    <ContentTemplate>
   <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
   <asp:Button ID="btnsubmit" runat="server" Text="Button" 
     OnClick="btnsubmit_Click" />
   </ContentTemplate>
    </asp:UpdatePanel>
    <asp:UpdateProgress ID="UpdateProgress1" 
   AssociatedUpdatePanelID="UpdatePanel1" runat="server">
  <ProgressTemplate> 
  <img src="animated.gif" alt=""/> </ProgressTemplate> 
  </asp:UpdateProgress>

我已经使用java脚本代码作为

  <script type="text/javascript">
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_initializeRequest(InitializeRequest);
    prm.add_endRequest(EndRequest);
    var postBackElement;
    function InitializeRequest(sender, args) {
        if (prm.get_isInAsyncPostBack())
            args.set_cancel(true);
        postBackElement = args.get_postBackElement();

        if (postBackElement.id == 'btnsubmit')
            $get('UpdateProgress1').style.display = 'block';
    }
    function EndRequest(sender, args) {
        if (postBackElement.id == 'btnsubmit')
            $get('UpdateProgress1').style.display = 'none';
    }
</script>

请给我一个解决方案，我会非常感谢你...