Css 自举progressbar厚度超过40px

我想用bootstrap的进度条作为外观奇特的路障磁带。这工作相当不错，我还想让酒吧更厚。因此，我将活动进度条的背景大小从40px更改为60：

div.progress.active .progress-bar {
    background-size: 60px 60px;
}

到目前为止，这项工作已经完成，因此条现在变厚了，但动画不再正确循环

我必须改变什么，使循环发生在60像素之后而不是40像素之后

---

请参见：

您还需要将

进度条

动画的关键帧更新为60px

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 60px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 60px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 60px 0;
  }
  to {
    background-position: 0 0;
  }
}