javascript - 在水平进度条上 Bootstrap 多个条

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