在水平进度条上引导多个条

Question

Does anyone knows how to come up with a bar like this on Bootstrap?

Answer 1

here is a jsfiddle

div
{
    height:50px;
    width:100%;
    background: repeating-linear-gradient(90deg, 
      transparent, transparent .25em /* black stripe */, 
      #EA9949 0, #EA9949 .75em /* blue stripe */
    );
}

Update

here is how to make it works jsfiddle

function setProgressbarValue(currentValue,MaxValue)
{
    var percentage = ((currentValue/MaxValue) * 100) ;
    if (percentage <= 0)
        percentage = 0;
    else if (percentage >= 100)
        percentage = 100;
    return parseInt(percentage);
}