title: html JavaScript is not showing image as new page loads
body: <p>I have a html page that shows a animated processing image while I wait for it to redirect to new page. </p>
  
  <p>For some reason when the page starts the redirect the animation stops. </p>
  
  <p>The purpose of this is to make a request to a PHP script and once the PHP script has completed it's processes the HTML and the page will redirect. </p>
  
  <p>Can you provide help to allow the processing animated image to continue to show it's animation while I am waiting for the redirect to complete.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  html { 
    background: url(processing.gif) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
  }
  &lt;/style&gt;
  
  &lt;body&gt;
  &lt;script&gt;
           setTimeout(function(){
              window.location.href = 'processing.php';
           }, 1000);
        &lt;/script&gt;
  &lt;div class="bg"&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>