bootstrap進度條厚度超過40px

Question

我想使用bootstrap的進度條作爲看起來很酷的路障磁帶。這工作相當不錯，我也想讓我把酒吧變得更厚。所以我改變了活動的進度條的背景下，大小從40像素到60：

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

這一工作至今，酒吧，現在較厚但動畫不循環正常了。

我必須改變什麼，所以循環發生在60而不是40像素之後？

看到自己：http://jsfiddle.net/ok94vqoa/1/

Answer 1

您將需要更新的關鍵幀爲progress-bar-stripes動畫60PX爲好。

jsFiddle

@-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; 
    } 
}