CSS关键帧仅在Safari上闪烁

因此，正如标题所说，我的关键帧仅在Safari上闪烁。它在moz、ms、o上运行得非常好，但在safari上却不行。以下是我的关键帧代码：

@keyframes bar_progress {
  0%  { width: 0%;  left:0; }
  25% { width: 20%; left:50%;}
  50% { width: 0%;  left:100%; }
  75% { width: 20%; left:50%;}
  100%{ width: 0%;  left:0;} 
}

@-webkit-keyframes bar_progress {
  0%  { width: 0%;  left:0; }
  25% { width: 20%; left:50%;}
  50% { width: 0%;  left:100%; }
  75% { width: 20%; left:50%;}
  100%{ width: 0%;  left:0;} 
}

@-moz-keyframes bar_progress {
  0%  { width: 0%;  left:0; }
  25% { width: 20%; left:50%;}
  50% { width: 0%;  left:100%; }
  75% { width: 20%; left:50%;}
  100%{ width: 0%;  left:0;} 
}

@-ms-keyframes bar_progress {
  0%  { width: 0%;  left:0; }
  25% { width: 20%; left:50%;}
  50% { width: 0%;  left:100%; }
  75% { width: 20%; left:50%;}
  100%{ width: 0%;  left:0;} 
}

@-o-keyframes bar_progress {
  0%  { width: 0%;  left:0; }
  25% { width: 20%; left:50%;}
  50% { width: 0%;  left:100%; }
  75% { width: 20%; left:50%;}
  100%{ width: 0%;  left:0;} 
}

这是我的进度条类，它调用关键帧：

.progress_bar {
  position:absolute;
  left:0;
  top:0;
  width:0%;
  height:2px; 
  background: blue;
  animation: bar_progress 2s linear infinite;
  -webkit-animation: bar_progress 2s linear infinite;
  -moz-animation: bar_progress 2s linear infinite;
  -ms-animation: bar_progress 2s linear infinite;
  -o-animation: bar_progress 2s linear infinite;
}

---

提前谢谢你

你说的油嘴滑舌是什么意思？也许给我们一个演示，而不是线性的，它只是跳到下一个位置，没有任何过渡。参见此处：pandacompany.fr/PandaCoi-See。也许safari渲染速度不够快！？我在你的代码中找不到错误我知道我不明白。。但它应该渲染它，我的意思是IE确实渲染了，所以它必须渲染！