title: Ajax loader is not showing up in chrome
body: <p>I am using an ajax loader (like a please-wait .gif image) image for the ajax calls. Before some days it was working perfectly and showing in chrome. </p>
  
  <p>I didn't see any problem with the image or we don't change it. It is showing correctly in IE, Mozilla and in other browsers but I am not getting why it is not showing in chrome.</p>
  
  <p>I had looked at <a href="https://stackoverflow.com/questions/4086191/ajax-loader-not-showing-in-google-chrome">Ajax Loader Not Showing in Google Chrome</a> but not getting any help.</p>
  
  <p>The html mark-up is</p>
  
  <pre><code>&lt;div id="divajaxProgress" class="progressouter" style="display: none;"&gt;
       &lt;div class="ProgressInner"&gt;
          &lt;img alt="" title="Please wait..." src="../Images/ajax-loader.gif" /&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>divajaxProgress</code> will show up when an ajax call will be there, a simple example is page load. Here is the functions</p>
  
  <pre><code>function HideProgress() {                
    $("#divajaxProgress").hide();
  }
  
  function ShowProgress() {        
    if ($('#divajaxProgress').is(':visible') == false) {
      $("#divajaxProgress").show();
    }
  }
  </code></pre>
  
  <p>You can see the image <a href="http://www.hrgp.biz/Images/ajax-loader.gif" rel="nofollow noreferrer">here</a></p>
  
  <p>Please suggest me what is the problem here.</p>