进度条 - HTML5 - Firefox

Question

我使用HTML5创建了一个进度条.不过我使用的是过渡效果，只在Chrome、Opera和Safari上有效。但是在火狐浏览器上就不行了吗？

这是我的进度条-> https:/codepen.iothadeucesariopenKKdWKdr。

你知道怎么解决吗？

对于我使用的这些浏览器。

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

我解决了这个问题，通过替换 ，为两个.我用最里面的'宽度'，如果它是进度值.现在它工作在所有的浏览器上完美。

特别是，我无法解决供应商前缀的问题。