.NET Ajax Update Progress

ajax-loader.gif

<style type="text/css">
.overlay
{
position: fixed;
z-index: 98;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color:ButtonHighlight;
filter: alpha(opacity=80);
opacity: 0.8;
}
.overlayContent
{
z-index: 99;
margin: 250px auto;
width: 80px;
height: 80px;
}
.overlayContent h2
{
font-size: 18px;
font-weight: bold;
color: #000;
}
.overlayContent img
{
width: 80px;
height: 80px;
}
</style>
<form id="form2" runat="server">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
****içeriği istediğiniz gibi doldurabilirsiniz*****
</ContentTemplate>
</asp:UpdatePanel>
<div style="height: 73px">
<asp:UpdateProgress ID="UpdateProgress2" runat="server" DisplayAfter="0" AssociatedUpdatePanelID="UpdatePanel2">
<ProgressTemplate>
<div class="overlay" />
<div class="overlayContent">
<h2>Searching...</h2>
<img src="ajax-loader.gif" alt="Loading" />
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</div>
</form>