title: Looping Graph Animation
body: <p>I saw this codepen: <a href="https://codepen.io/alex_rodrigues/pen/ogYZdr" rel="nofollow noreferrer">https://codepen.io/alex_rodrigues/pen/ogYZdr</a> You can see the javascipt code here:</p>
  <pre><code>setTimeout(function start (){
    
    $('.bar').each(function(i){  
      var $bar = $(this);
      $(this).append('&lt;span class=&quot;count&quot;&gt;&lt;/span&gt;')
      setTimeout(function(){
        $bar.css('width', $bar.attr('data-percent'));      
      }, i*100);
    });
  
    $('.count').each(function () {
      $(this).prop('Counter',0).animate({
          Counter: $(this).parent('.bar').attr('data-percent')
      }, {
          duration: 2000,
          easing: 'swing',
          step: function (now) {
              $(this).text(Math.ceil(now) +'%');
          }
      });
    });
  
  }, 500)
  </code></pre>
  <p>I want the graph to complete the animation, stall for 3-5 seconds then repeat the animation. Currently, it completes the animation, but there is no loop. Any help is much appreciated. Thank you!</p>