Html 如何将引导进度条居中对齐？

我正在尝试使用twitter引导框架v3.0.0将文本集中在progressbar中

我已经尝试过了，但恐怕无法开发新版本的框架

所以我试了一下：

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    <span>HELLO</span>
  </div>
</div>

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
  </div> 
  <span>HELLO</span>
</div>

你好
你好

这是小提琴：

正如您所看到的，它将文本置于填充部分或空白部分的中心，但不考虑所有内容

---

你有什么想法或建议吗？

你需要申请

职位：绝对

您需要应用
位置：绝对

试试这个：

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%; text-align:center">
    HELLO
  </div>
</div>


你好

文本应以style=“text align:center”居中，请尝试以下操作：

<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%; text-align:center">
    HELLO
  </div>
</div>


你好

文本应通过style=“text align:center”居中