Hi All,

I have a update progress control in the modalpopup extender. Modalpop flickers even though the page completes the loading. Below is my code

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

The styles sheet is

.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 180px;
    height: 65px;
    display:none;
    
}

If I put the display:none in my style sheet then I don't see the modal pop up and update Progress bar control at all and if I remove it then the modal pop up window flickers.

any help will be appreciated with this issue.