进度条 - 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

我通过将 , 替换为两个 解决了这个问题。 我用的是最里面的'width'，好像是进度值。 现在它在所有浏览器上都能完美运行。

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