Bootstrap 3: Reverse Animated Progress Bar

Question

Seen answers for 2.0, but they seem to work differently for 3.0.

I want to reverse the progress bar animation in Bootstrap 3, so it moves left to right, rather than the default right to left.

I've looked in the Bootstrap CSS, and there is transition: width .6s ease; however I'm not sure how it determines which way the stripe effect moves.

Thanks.

Answer 1

I solved it rotating the progress bar, here is an example:

.progress-bar {
    transform: rotate(180deg);
}

https://codepen.io/anon/pen/jGYqrx