javascript - 数据百分比属性更改的 CSS 转换

Question

我找到了一个制作圆形进度条的代码，并对其进行了一些更改，使其在点击时从 1 增长到其他数字。后来想加transition但是好像不行，进度条变化没有transition

-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;

http://jsfiddle.net/Aapn8/8362/

有人知道如何进行转换吗？

Answer 1

正如@user1850903 所写 - 过渡不能以这种方式工作。

您可以使用 setInterval() 来获得您想要的效果:

http://jsfiddle.net/3j0vxx77/17/