title: progress bar(animated GIF image) when page loads or some background process is going on::
body: <p>I want to have an animated GIF image to appear or load whenever my .aspx page (for my appln) is loaded or postaback or some background process is going on::</p>
  
  <pre><code>&lt;div id="WaitDialog" style="left: 480px; top: 255px; position: absolute"&gt;
  
  &lt;img src="http://developers.sun.com/docs/web-app-guidelines/uispec4_0/progress_graphics/asynch-1F.gif" /&gt;
  &lt;FONT size=3 class="text3" &gt;&lt;font color="black"&gt;Loading, Please Wait.&lt;/font&gt;&lt;/FONT&gt;
  
  &lt;/div&gt;
  
  function ProgressBar()
  {
    var dialog = document.getElementById("WaitDialog");
    dialog.style.visibility = 'hidden';
    scrollTo(0,0);
  }
  </code></pre>
  
  <p>........  this animated image should load just like as browser progress bar progresses and if I perform any validations in database (DB operations say), then also the image should load...</p>
  
  <p>1) I'm not using AJAX for my application so I dont want AJAX to come into picture too... </p>
  
  <p>2) the image should appear as when the page started loading... </p>
  
  <p><strong>i.e.</strong> Something is goin in progress in tha background and the .gif image should load</p>
  
  <p>How can i write the code accordin to tht as now i have a Javascript function ProgressBar() which i invoke by having onSubmit="ProgressBar()" in <em>body</em> tag.....</p>
  
  <p>Can any1 help me in this ?</p>