CODEWITHSUNDEEP
javascriptjqueryhtmlcsstwitter-bootstrap
trinidado
trinidado

Reputation: 31

Bootstrap multiple bars on horizontal progress bar

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

progrees bar

Upvotes: 0

Views: 585

Answers (1)

Diptox
Diptox

Reputation: 1809

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

Upvotes: 1

Related Questions