How to run a logo on pageload
<p>Have you ever used hotmail.com.
Once logged in you can see an outlook logo and loading bar and when done is disappears.</p>

<p>I am trying to do the same.</p>

<pre><code>$(document).ready(function(){
    $(".loadingDiv").show();
}

.loadingDiv{ width:100%; height:100% }
</code></pre>

<p>But I cannot understand when to hide it once the logo in fully animated.</p>

<p>the loadingDiv has a gif that shows my website logo being animated.</p>