如何在径向进度条中使用变换旋转时修复webkit / iphone上的滞后

Question

我正在使用此径向进度条：http://jsfiddle.net/andsens/mLA7X/ 它使用transform：rotate（）;以可视方式显示百分比（例如80％）。

它的工作方式就像镀铬和FF的魅力，然而它似乎延迟了＃39;在webkit中（例如我的iPhone，见下图）。我试图跟进以解决滞后问题：

.mask, .fill {-webkit-backface-visibility: hidden;}

然而，它似乎并没有起作用。这是我在这个问题上唯一可以找到的建议，这就是我现在要求的原因。我希望你们能帮忙。

初始状态

在过渡到最终状态期间显示滞后

最后阶段。没问题。

您可以自己查看延迟。 （当加载更大的百分比（> 60％）时出现。）