Html5 CSS3 webkit进度条动画背景位置

我正在寻找一个可行的解决方案，以动画中元素的

背景位置

属性

HTML:

小提琴：

但是，支持

背景位置

属性的动画，简单示例：

progress[value] {
  ...
}

---

动画属性应加前缀

-webkit-animation: moveBackground 2s steps(30) infinite;

---

更新：11。2015年3月：

---

我已经在Windows7+8中测试了你的小提琴-没有，但它不起作用（动画）。这是一个回归。它在Chrome40中工作正常，但在41或42（金丝雀）中不工作
progress[value] {
  ...
}

-webkit-animation: moveBackground 2s steps(30) infinite;