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

Question

有谁知道如何在Bootstrap上找到这样的吧？

Answer 1

这是一个jsfiddle

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

<强>更新

以下是如何使其有效jsfiddle

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