Using Update Progress in another different way in AJAX Asp.net?

< asp:UpdateProgress AssociatedUpdatePanelID="UP" DisplayAfter="1" ID="UPro" runat="server">
< ProgressTemplate>
< div class="TransparentGrayBackground">
< div class="PageUpdateProgress">
< table border="0" cellpadding="0" cellspacing="0" style="border: solid 1px #000000;
height: 30px;">
< tr>
< td>
< img src="../images/load.gif" />
< /td>
< td>
Processing..
< /td>
< /tr>
< /table>
< /div>
< /div>
< /ProgressTemplate>
< /asp:UpdateProgress>


CSS
===
.TransparentGrayBackground
{
position: fixed;
top: 0;
left: 0;
background-color: white;
filter: alpha(opacity=70);
opacity: 0.7;
height: 100%;
width: 100%;
min-height: 100%;
min-width: 100%;
}



.PageUpdateProgress
{
background-color: white;
color: Black;
width: 200px;
text-align: center;
vertical-align: middle;
position: absolute;
bottom: 50%;
left: 45%;
font-family: Verdana;
font-size: small;
}

Click Here To View and Download Loader Gif Images