bootstrap: v4 - Progress bar animations don't work in all browsers

http://v4-alpha.getbootstrap.com/components/progress/#animated-stripes

Test case: http://jsbin.com/gelazu/edit?html,output

Works

Safari

Doesn’t work

Chrome
Firefox

Haven’t Checked

Any version of IE
Any versions of Chrome mobile

Also, looks like the toggle button on the docs doesn’t add the .progress-animated class to the <progress> element.

About this issue

Original URL
State: closed
Created 9 years ago
Reactions: 4
Comments: 20 (10 by maintainers)

Most upvoted comments

Oof, okay, so it sounds like we need to revert back to the <div>-based solution to get all the features folks want here. The <progress> element also prohibits use of stacked progress bars, so that’s another knock against it.

mdo on Dec 27, 2016

~~@zacechola doesn’t work for me in Safari Version 8.0.8 (10600.8.9) on Mac OS X 10.10.5~~

It doesn’t work because the button doesn’t add .progress-animated for me… Sorry

kkirsche on Aug 20, 2015