twitter bootstrap：以百分比为中心显示进度条

Question

我想使用这些进度条：http://getbootstrap.com/components/#progress-low-percentages

但是显示条形图中间的百分比，无论当前值是什么，而不是在条形图的彩色部分居中

任何想法如何实现这个目标？

Answer 1

这是一种方式：

Bootply ：http://www.bootply.com/TXVFiHpR7j

<强> HTML

<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 60%;">
    <span class="my-centered">60% Complete</span>
  </div>
</div>

<强> CSS

.my-centered{
    position: absolute;
    display: block;
    width: 100%;
  }

Answer 2

有点css：

.progress-bar {
  float: inherit;
  margin: 0 auto;
}