Обратный прогрессбар с использованием CSS3 ⇐ CSS

[Anonymous]

У меня есть ПРИМЕР.

Я хочу повернуть индикатор выполнения на 180 градусов, чтобы двигаться справа налево.
Чтобы получить что-то вроде этого:




Я пытался изменить атрибут transition, но безрезультатно.

Код:

.progress-bar span {
display: inline-block;
height: 100%;
background-color: #777;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
transition: width .4s ease-in-out;
}


Подробнее здесь: https://stackoverflow.com/questions/160 ... using-css3