Ajax ModalUpdateProgress loading image using asp.net c#

How to show/display image loading or processing status bar/icon using Ajax ModalUpdateProgress control in asp.net c#

In Css:

.load{background-color: black;filter:alpha(opacity=50);-moz-opacity:.55;opacity:.55; z-index:1; position:relative;}


In Master page:

Place this following code where you want to display loading bar or image. You could change the display position of display bar by changing html style which is displayed/shown above..

 

<cc1:ModalUpdateProgress ID="ModalUpdateProgress1" runat="server"  BackgroundCssClass="load">
    <ProgressTemplate>
        <table border="0"    cellpadding="0" cellspacing="0">
            <tr>
                <td style="color:#fff;font-weight:bold;">
                Loading..
                </td>
            </tr>
                <tr>
                <td>
                <img alt="" src="images/loading.gif" />
                </td>
            </tr>
        </table>
     </ProgressTemplate>
     </cc1:ModalUpdateProgress>