title: queryLoader2 onProgress doesn't work (no error)
body: <p>I'm using <a href="https://github.com/Gaya/queryloader2" rel="nofollow">queryLoader2</a> to preload a page. It works fine except that I can't get the percentage variable.</p>
  
  <p>In the documentation it says:</p>
  
  <blockquote>
    <p>onProgress  <strong><em>function</em></strong> this function is called when an image is loaded.
    Get parameters <em>percentage</em>, <em>imagesLoaded</em>, <em>totalImages</em>. Default: <em>none</em></p>
  </blockquote>
  
  <p>Here's my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("body").queryLoader2({
   percentage: true,
   onProgress: function(percentage, done, total){
    console.log(percentage, done, total);
    $("body").prepend(percentage);
   }
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>img{
  width:50px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdn.jsdelivr.net/g/jquery@3.1.0,jquery.queryloader2@2.3"&gt;&lt;/script&gt;
    
  &lt;div class="delayer"&gt;
      &lt;img src="http://deelay.me/200/http://deelay.me/img/1000ms.gif" alt=""&gt;
      &lt;img src="http://deelay.me/500/http://deelay.me/img/1000ms.gif" alt=""&gt;
      &lt;img src="http://deelay.me/1200/http://deelay.me/img/1000ms.gif" alt=""&gt;
      &lt;img src="http://deelay.me/1500/http://deelay.me/img/1000ms.gif" alt=""&gt;
      &lt;img src="http://deelay.me/1800/http://deelay.me/img/1000ms.gif" alt=""&gt;
      &lt;img src="http://deelay.me/2200/http://deelay.me/img/1000ms.gif" alt=""&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm clueless as to what it may be. Bug?</p>