title: YouTube-like Ajax Loading Bar not working
body: <p>I am using the <a href="https://github.com/peachananr/loading-bar" rel="nofollow">YouTube-like Ajax Loading Bar</a> to load a php file.</p>
  
  <p><strong>This is my Javascript</strong></p>
  
  <pre><code>$(".ajax-call").loadingbar({
    target: "#loadingbar-frame",
    replaceURL: false,
    direction: "right",
    async: true, 
    complete: function(xhr, text) {},
    cache: true,
    error: function(xhr, text, e) {},
    global: true,
    headers: {},
    statusCode: {},
    success: function(data, text, xhr) {},
    dataType: "html",
    done: function(data) {}
  });
  </code></pre>
  
  <p><strong>This is my HTML</strong></p>
  
  <pre><code>&lt;a href="load.php" class="ajax-call"&gt;..&lt;/a&gt;
  &lt;div id="loadingbar-frame"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>This is <em>load.php</em>, the file that I'm trying to load</strong></p>
  
  <pre><code>&lt;?php
  echo 'some content';
  ?&gt;
  </code></pre>
  
  <p>I'm haven't used ajax before and I'm not sure why this isn't working.</p>