Hi All,

I have an update progress control, the control works fine, but I have seen when I load the application, I can see the ModalPopupextender for few seconds and then it goes away when the page loads. Is their anyway, the ModalPopUpExtender does not show on the page when the page loads, it only shows when it is waiting. below is my entire code

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<script type="text/javascript" language="javascript">
     var ModalProgress = '<%= ModalProgress.ClientID %>';
   Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginReq);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endReq);

function beginReq(sender, args) {
	// shows the Popup
	$find(ModalProgress).show();
}

function endReq(sender, args) {
    //  shows the Popup
    $find(ModalProgress).hide();
}
</script>

    

     <asp:Panel ID="panelUpdateProgress" runat="server" CssClass="updateProgress">
			<asp:UpdateProgress ID="UpdateProg1" DisplayAfter="0" runat="server">
				<ProgressTemplate>
					<div style="position: relative; top: 30%; text-align: center;">
						<img src="../Images/progress.gif" style="vertical-align: middle" alt="Processing" />
						Processing ...
					</div>
				</ProgressTemplate>
			</asp:UpdateProgress>
		</asp:Panel>
		<asp:ModalPopupExtender ID="ModalProgress" runat="server" TargetControlID="panelUpdateProgress"
			BackgroundCssClass="modalBackground" PopupControlID="panelUpdateProgress" />

any help will be appreciated

Thanks