Bootstrap Launcher

Question

I use bootstrap 3 and a progress bar to show the ranking in the leaderboard.

Is there a way to configure this so that it doesn't show the “From?” Part?

For example, its technically not progressing to complete something, its just a rank to be shown in the same way. So, really, I just want to remove the box in which it is filled, but also make it circle on the right side.

Here is what I'm trying to accomplish

As a side question, any idea how to remove the add-on on the div, a progress bar is displayed, so it is aligned in the middle, like other content?

Answer 1

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

table .progress {
    margin-bottom: 0;
}

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

( Ohgodwhy) - http://jsfiddle.net/r4zkv/4/

Answer 2

bootstrap.progress:

.progress {
  background-color: transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

, bootstrap.css , site.css, bootstrap.css , .