CSS3进度条跳跃

Question

我有以下jsfiddle设置：

http://jsfiddle.net/JgVFm/1/

基本上进度条上升到100％然后再回到50％。

酒吧实际上应该达到50％而且就在那里停下来。任何帮助实现这一点将不胜感激。

由于

聚苯乙烯。这是使用css3和webkit元素，因此只能在chrome和safari中使用。

Answer 1

更改最终宽度？

@-webkit-keyframes progress
{
    0%   { width: 36px;  }
    100% { width: 121px; }
}