Guru v3 progress bar animation

by herodrigues

HTML

<div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%"></div>
    <div class="check check-begin" style="display: none;"></div>
  <div class="check check-end" style="display: none;"></div>
  </div>

<p><button id="go">Run »</button></p>

CSS

.check {
    content:...

JavaScript

setInterval(function () {
  $( ".progress-bar" ).css({ width: '20%' });
  $(".check-begin").delay(750).fadeIn(250, 'linear');
  
  setInterval(function () {
  	$( ".progress-bar" ).css({ width: '80%' });
  }, 2000);
  
  setInterval(function () {
  	$(".check-end").delay(750).fadeIn(250, 'linear');
  }, 2000);
}, 1000);