CSS - 我在codepen上遇到了css动画编码问题

Question

http://codepen.io/jayclark/pen/wDety

我想让绿色条保持在整个圆圈的位置，而不是一遍又一遍地重复动画。如果有人能帮助我，我会非常感激。所有必要的代码都在codepen文件中。

Answer 1

变化：

-webkit-animation-iteration-count: infinite;

到

-webkit-animation-iteration-count: 1;

并删除

border-left-color: transparent;
border-top-color: transparent;

来自.timer-l, .timer-r

DEMO here.