twitter bootstrap：以百分比为中心显示进度条-Java 学习之路

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

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

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

2 回答

有点css：

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

回复于 2024-05-02T23:48:10+08:00

这是一种方式：

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%;
  }

回复于 2024-05-02T23:48:10+08:00

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

2 回答

相关问题