progress bar(animated GIF image) when page loads or some background process is going on::
<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>
