如何在 Firefox 中平滑过渡倒计时（进度）栏？

Question

希望有人能够消除有关“进度”和 -moz-transition 的一些困惑。

progress {
width: 40%;
-webkit-transition: width 2500ms ease-out;
-moz-transition: width 2500ms ease-out;
-o-transition: width 2500ms ease-out;
transition: width 2500ms ease-out;
}
progress::-webkit-progress-bar {
transition: width 2500ms ease-out;
}
progress::-webkit-progress-value {
transition: width 2500ms ease-out;
}
progress::-moz-progress-bar {
transition: width 2500ms ease-out;
}

基本上，我正在编写一个也使用进度条的倒计时器。 https://jsfiddle.net/TBylicky/1ndzc0x5/

问题是，虽然我可以在 Chrome 中实现平滑的进度条过渡，但我一生都无法弄清楚为什么在 Firefox 中它不平滑。