css - 如何在进度条 Bootstrap 之前和之后添加文本？

Question

我正在尝试在 Bootstrap 中的进度条旁边的 和 之前添加一些文本。我希望它看起来的方式如下:

<div class="project-container">               
<h4 class="progress-label">Java</h4>    
  <div class="progress">
    <div class="bar"
       style="width: 60%;">         
    </div>
    </div>  
</div>

http://cssdeck.com/labs/ymqkhury

Answer 1

只需创建一个 inline 元素，向左浮动

Example

您可能还想将栏的高度增加到 18 像素以匹配标题和栏。或者减小标题的 line-height。