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

我通过替换两个 , 解决了这个问题。 我使用了最里面的“宽度”，就好像它是进度值一样。 现在它在所有浏览器上都能完美运行。

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