update progess bar Help

Hi see this for update progess bar.

Script

<script type="text/javascript">
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);
        Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(initRequest);

        function initRequest(sender, args) {
            var pop = $find("test");
            pop.show();
        }

        function endRequest(sender, args) { 
            var pop = $find("test");
            pop.hide();
        }
</<script>

<ajaxtoolkit:ModalPopupExtender ID="mdlPopup" BehaviorID="test" runat="server" TargetControlID="UpdateProgress1"
        PopupControlID="UpdateProgress1" BackgroundCssClass="popUpStyle1" DropShadow="true" />
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="up1">
        <ProgressTemplate>
            <asp:Panel ID="pnlPopup" Width="165px" BackColor="white" Height="50px" runat="server">
                <table width="100%" class="gridcolour_head_btm">
                    <tr>
                        <td>
                            <table width="100%">
                                <tr>
                                    <td style="width: 100%" align="left">
                                        Processing, Please wait...
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td style="text-align: center">
                            <img src="Images/loading4.gif" width="150" height="9" alt="Please Wait" style="vertical-align: middle;" />
                        </td>
                    </tr>
                </table>
            </asp:Panel>
        </ProgressTemplate>
    </asp:UpdateProgress>