title: How to animate a progress bar in Bootstrap 4?
body: <p>We used to have the progress percentage defined as a CSS attribute in Bootstrap 3. The new Bootstrap 4 version <a href="http://v4-alpha.getbootstrap.com/components/progress/" rel="noreferrer"><strong>has a <code>&lt;progress&gt;</code> element and a <code>value</code> attribute</strong></a>.</p>
  
  <p>With version 3, it was possible to use jQuery css animation to animate the progress bar to a given percentage. HTML element attributes cannot be "animated". Question is: how can we animate the percentage of a bootstrap 4 progress bar? I guess it is possible, otherwise it would be a big backstep from boostrap 3.</p>
  
  <p>Related question: <a href="https://stackoverflow.com/questions/28122791/how-to-animate-a-bootstrap-progress-bar">How to animate a progress bar in Bootstrap 3?</a> but it is for bootstrap 3. In jQuery, attributes can be set by attr() but it is not possible to animate by an attribute value (AFAIK).</p>