Hi...

How do i display loading indicator in web page, we are displaying our pages inside web tabs.

we have one image control inside div in web pages, the code as following

 <div id="diaprocess1"  class="lodingpanin" runat="server" runat="server">
           <img src="../../App_Themes/Simple/IMG/29.gif" alt="Loding.." />
         </div>

 $("#diaprocess1").dialog({
        autoOpen: false,
        modal: true,
        resizable: false,
        width: 500,
        show: {
            effect: "fade",
            duration: 1
        },
        hide: {
            effect: "fade",
            duration: 1
        }
    });

I want to display this dialog box before page loading and hide after completion of page load process, 

using opening and closing dialog, the code as following

  $("#diaprocess1").dialog("open");

  $("#diasearchwin").dialog("close");

but this is not working.

How can i achieve this task??

I am stuck.

Help me out..