HTML5进度条元素的CSS3转换

我使用的进度条如下所述：

使用

元素并使用伪类设置其样式

-webkit进度条

和

-webkit进度值

因此，现在我想设置

进度值的动画，只要它更新

根据我的理论，这应该通过如下方式转换其CSS宽度属性来实现：

progress::-webkit-progress-value {
    transition: 5s width;
}

但由于某些原因，这似乎不起作用。
的正确语法是：

transition:[属性][持续时间][定时功能][延迟]；

然后您的值（
转换：5s宽度；
）错误，计时和属性颠倒，计时功能缺失。它应该是（例如）：

过渡：宽度5s；

它还应该作为workcrossbrowser的前缀，特别是对于基于WebKit的浏览器，将标准属性保留为最后一个

-webkit过渡：宽度5s；
-moz过渡：宽度5s；
-o型过渡：宽5s；
过渡：宽度5s；
你有没有想过这一点？