Loading image on button click

Use progress bar Control from Asp.Net Ajax.

Hope this will Help:

http://docs.jquery.com/UI/Progressbar[^]

in this code we create a div on whole page with disable mode than whole page become disable and in this div we set a image like progress bar or please wait type. i hope it will fulfill your requirement.

<asp:ScriptManager ID="ScriptManager1" AsyncPostBackTimeout="3600" runat="server">
            </asp:ScriptManager>
            <script type="text/javascript" language="javascript">
                var prm = Sys.WebForms.PageRequestManager.getInstance();
                prm.add_pageLoaded(pageLoaded);
                prm.add_initializeRequest(initializeRequest);
                prm.add_endRequest(endRequest);
                function initializeRequest(sender, eventArgs)
                {
                    EnableDisablePage(1);
                }
                function pageLoaded(sender, eventArgs)
                {
                }

                function endRequest(sender, endRequestEventArgs)
                {
                    EnableDisablePage(2);
                }
            </script>

now in js file add following java scripts

function CreateDivSections()
{
    var myWidth = document.body.clientWidth;
    var myHeight = document.body.clientHeight;

    var dvDisable = document.createElement('div');
    dvDisable.id = 'dvDisable';
    dvDisable.className = 'clsDisablePage';
    document.body.appendChild(dvDisable);
    dvDisable.style.width = myWidth+15;
    dvDisable.style.height = myHeight+20;

    var dvLayer = document.createElement('div');
    dvLayer.id = 'dvLayer';
    dvLayer.className = 'clsWaitPage';
    document.body.appendChild(dvLayer);
    dvLayer.style.left = (myWidth - dvLayer.style.width) / 2 ;
    dvLayer.style.top = (myHeight - dvLayer.style.height) / 2 ;
}
function EnableDisablePage(EnableDisableFlag)
{
    CreateDivSections();
    document.getElementById('dvDisable').style.visibility = (EnableDisableFlag==1) ? 'visible' : 'hidden';
    document.getElementById('dvLayer').style.visibility = (EnableDisableFlag==1) ? 'visible' : 'hidden';
}

in css file add this code

.clsWaitPage
{
    visibility:hidden;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    font-family: Book Antiqua;
    font-weight:bold;
    font-size: 12pt;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1002;
    background: white;
    background-image:url(images/wait.gif);
    overflow: hidden;
    position: absolute;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    height: 100px;
    width: 100px;
}

in your project add folder images and add image which you want to display. i use wait.gif file.

Hi Friend...

Please refer the below link.

http://www.dotnetfunda.com/forums/thread3127-show-loading-image-during-button-click.aspx[^]

http://forums.asp.net/t/1441449.aspx/1[^]

http://www.dreamincode.net/forums/topic/229325-displaying-a-loading-screen-on-button-click/[^]

It may be help you