title: Jquery setInterval() on Bootstrap Progress Bar
body: <p>My goal is to animate Bootstrap's progress bar so that is increments by 5% each 50 ms, however I want it to pause for 1500 ms at 25%, 55% and 85%. Here's what I tried, however it pauses at 25% but not at 55% and 85%.</p>
  
  <pre><code>var value = 5;
  setInterval( function() {
      $( ".progress-bar" ).css( "width", value + "%" ).attr( "aria-valuenow", value );
      if ( value == 25 || value == 55 || value == 85 ) {
          setInterval( function() {
              value += 5;
          }, 1500 );
      } else {
          value += 5;
      }
  }, 50 );
  </code></pre>