css - bootstrap progressbar thickness over 40px -

i want use progress bar of bootstrap fancy looking barricade tape. works quite nice, want want make bar thicker. changed background-size of active progress-bar 40px 60:

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

that worked far bar thicker animation not loop correctly anymore.

what have change loop occurs after 60 instead of 40 pixel?

see yourself: http://jsfiddle.net/ok94vqoa/1/

you need update keyframes progress-bar-stripes animation 60px well.

jsfiddle

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