title: How to know $(window).load(); status from jquery
body: <p>I have created a website loading progress bar using Jquery UI Progress bar. This progress bar shows the status of scripts loading. A sample is</p>
  
  <pre><code>$.getScript('_int/ajax.js',function() {
      $("#progressinfo").html("Loading Complete ...");
      $("#progressbar").progressbar({ value: 100 });
  });
  </code></pre>
  
  <p>This progress bar is in <code>#indexloader</code> which is blocking the website being loaded behind, its CSS is:</p>
  
  <pre><code>#indexloader {
      z-index:100;
      position:fixed;
      top:0;
      left:0;
      background:#FFF;
      width:100%;height:100%;
  }
  </code></pre>
  
  <p>After the progress bar reaches <code>100%</code>, I want to hide and remove <code>#indexloader</code> for that I used</p>
  
  <pre><code>$("#indexloader").fadeOut("slow",function() { $("#indexloader").remove(); });
  </code></pre>
  
  <p>But the problem is,  although the scripts have loaded, the pages are not fully loaded, I see images and other things still loading. </p>
  
  <p>So before fading and removing the <code>#indexloader</code> I want to check whether the <code>$(window).load()</code> has completed or not</p>
  
  <p>Is there a way to check this?</p>