Прогресс-бар - HTML5 - Firefox

Question

Я создал индикатор выполнения, используя HTML5. Однако я использую эффект перехода, который работает только на Chrome, Opera и Safari. Но разве это не работает в Firefox?

Это мой индикатор выполнения -> https://codepen.io/thadeucesario/pen/KKdWKdr

Знаете, как я могу это исправить?

Для этих браузеров я использую:

progress::-webkit-progress-value {
     background: #0b366f;
     -webkit-transition : width .5s ease;
     -moz-transition : width .5s ease;
     -o-transition : width .5s ease;
     transition : width .5s ease;
}

Спасибо !!

Answer 1

Я решил эту проблему, заменив, на двоих. Я использовал «ширину» самого внутреннего, как если бы это было значение прогресса. Теперь он отлично работает во всех браузерах.

В частности, мне не удалось решить проблему с префиксом вендора.