title: Bootstrap Progress Bar
body: <p>I am using bootstrap 3 and the progress bar to show a ranking on a leaderboard.</p>
  
  <p><img src="https://i.stack.imgur.com/9sZJ2.png" alt="Leaderboard"></p>
  
  <p>Is there a way to customize this to not have it show the "Out of" part?</p>
  
  <p>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.</p>
  
  <p>Here is what I am trying to accomplish</p>
  
  <p><img src="https://i.stack.imgur.com/Aw2br.png" alt="enter image description here"></p>
  
  <p>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?</p>