Bootstrap Progress Bar

css, html, jquery, twitter-bootstrap

Solution

.progress {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

table .progress {
    margin-bottom: 0;
}

.progress-bar {
    border-radius: 4px;
}

See demo here (thanks Ohgodwhy) - http://jsfiddle.net/r4zkv/4/

Problem

I am using bootstrap 3 and the progress bar to show a ranking on a leaderboard. Is there a way to customize this to not have it show the "Out of" part? For example, its technically not progress to complete something, its just a rank that will be shown in the same manner. So really i just wanna be able to remove the box that its filling in but also make it so its round on the right side as well. Here is what I am trying to accomplish As a side question, any idea how to remove the padding on the div the progress bar is in so it aligns in the middle like the other content?

Original source