title: Using pace.js on loading appended images
body: <p>I wanted to use pace.js to show a progress bar while the appended images are being loaded, they provided an API but I have no idea how it works.</p>
  
  <pre><code>$('#loadImg').click(function() {
    Pace.start();
    var $con = $('#content');
    $con.append('&lt;img src="http://lorempixel.com/500/500/"&gt;').imagesLoaded(function() {
      console.log('done!');
      Pace.stop();
    });
  });
  </code></pre>
  
  <p>I used it with <a href="https://github.com/desandro/imagesloaded" rel="nofollow">desandro/imagesloaded</a> to call <code>Pace.stop()</code> but I don't see any progress bars.</p>
  
  <p>I made a <a href="http://plnkr.co/edit/fFBq9qPrLDEIfJT3yrBv?p=preview" rel="nofollow">demo plunk</a> for your convenience.</p>