Home > AJAX, CSS > AJAX Update Progress with CSS

AJAX Update Progress with CSS


Hi

try this example to use AJAX Update Progress with CSS

<asp:UpdateProgress ID="UpdateProgress1" runat="server">   
<ProgressTemplate>
        <div id="Progress">Please wait ......</div>
       <div id="bgDiv"></div>
</ProgressTemplate>
</asp:UpdateProgress>

and CSS

<style>       
#bgDiv
{         
position:absolute;         
top:0px;
bottom:0px;         
left:0px;         
right:0px;
overflow:hidden;
padding:0;
margin:0;
background-color:black;
filter:alpha(opacity=50);
opacity:0.5;
z-index:500;
}

#Progress
{
position: absolute;
background-color:Red;
width: 300px;
z-index: 600;
}
</style>

Good Luck

Advertisements
Categories: AJAX, CSS
  1. Avinash
    May 2, 2009 at 5:35 am

    Excellent!!!

    One question, How background is disabled while update progress is running!?

  2. yasserzaid
    May 4, 2009 at 12:51 pm

    Thanks Avinash for your comment

    hope my post helps you

    Good Luck

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: