标记Bootstrap进度条的INCOMPLETE部分

Question

我想使用Bootstrap 3为进度条的完整部分和不完整部分添加标签（和颜色）。这是一个例子：

我知道我可以为整个.progress元素设置CSS背景，但是如何在剩余的INCOMPLETE部分添加标签？

Answer 1

不使用单个进度条，而是使用加起来为100％的"stacked" progress bars：

<h4>Steel Mill Negotiations?</h4>
<div class="progress">
    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="21" aria-valuemin="0" aria-valuemax="100" style="width:21%">21% Yes</div>
    <div class="progress-bar progress-bar" role="progressbar" aria-valuenow="79" aria-valuemin="0" aria-valuemax="100" style="width: 79%">79% No</div>
</div>

结果：