Javascript ajax更新进度条控件不工作

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

   <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>

var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.添加_initializeRequest（initializeRequest）；
prm.add_endRequest（endRequest）；
var后回溯元素；
函数初始化请求（发送方，参数）{
if（prm.get_isInAsyncPostBack（））
参数设置\取消（真）；
postBackElement=args.get_postBackElement（）；
如果（postBackElement.id='btnsubmit'）
$get（'UpdateProgress1'）。style.display='block'；
}
函数EndRequest（发送方，参数）{
如果（postBackElement.id='btnsubmit'）
$get（'UpdateProgress1'）。style.display='none'；
}

请为我提供一个解决方案，我会非常感谢你