如何在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中不流畅。