Ajax progress conrol in web application

If we are displaying any progoress indicator , customer can easily understand the working progress. We can add add ajax progroess bar for this purpose. This is working all postback operation in the task. For adding this add reference to the ajax tool kit to the project and add directive in the master page like

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

after this we should add script manager control in the body tag after this add the following code for progress bar

<asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="100"  >
           <ProgressTemplate>
                 <div class="TransparentGrayBackground">
                 </div>
                 <asp:Panel ID="panelUpdateProgress" runat="server">
                     <div class="updateprogress" align="center">
                        <center>
                      <img src="<%=Page.ResolveUrl("~/App_Themes/Default/images/indicator.gif")%>" />&nbsp;&nbsp;&nbsp;&nbsp;
                      <b>Processing...</b>
                      </center>
                      </div>
                </asp:Panel>
                <ajaxToolKit:AlwaysVisibleControlExtender 
                                ID="AlwaysVisibleControlExtender1" 
                                runat="server"
                                TargetControlID="panelUpdateProgress"
                                HorizontalSide="Center"
                                HorizontalOffset="0"
                                VerticalSide="Middle"
                                VerticalOffset="0"
                                >
                </ajaxToolKit:AlwaysVisibleControlExtender>
           </ProgressTemplate>
          </asp:UpdateProgress>  

Here the css code

.updateprogress
{
 	padding:16px 46px;
	text-align: center;
	vertical-align: middle;
}
.TransparentGrayBackground 
{
	position: fixed;
	top: 0;
	left: 0;	
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;	
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
	
}