title: Loading image sometimes doesn't appear
body: <p>In my system I have a php file that process transaction and then submit a form via post. And some times it takes about 10 seconds. So I put a loading gif (less than 100k size) on that, to be showed while user waits for it to complete. The problem is that sometimes the transactions are completed so fast that the image has no time to appears. And when the gif does not load it shows the image space as broked link, so it looks like an error. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="content_animated"&gt;
  &lt;img src="../images/ra_loading.gif" alt="Aguarde..processando seu pagamento..." title="Aguarde..processando seu pagamento..." /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.content_animated{
      position:absolute;
      width:436px;
      height:38px;
      top:50%;
      left:50%;
      margin-left:-218px;
      margin-top:-16px;
  }
  </code></pre>
  
  <p>Is it possible to force it to load or set a delay to give time for the gif to load? I'm a newbie in programming, so could someone please help me on it?</p>