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

【问题标题】：twitter bootstrap: show progress bar with percent centeredtwitter bootstrap：以百分比为中心显示进度条
【发布时间】：2014-10-07 07:23:37
【问题描述】：

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

但无论当前值如何，都会在条形中间显示百分比，而不是在条形的彩色部分居中

知道如何实现吗？

【问题讨论】：

标签： twitter-bootstrap progress-bar

【解决方案1】：

这是一种方法：

引导层：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%;
  }

【讨论】：

【解决方案2】：

有点css：

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

【讨论】：