標記Bootstrap進度條的INCOMPLETE部分

Question

我想使用Bootstrap 3將進程欄的完整部分和不完整部分添加標籤（和顏色）。這裏有一個例子：

我知道我可以設置整個.progress元素的CSS背景，但我怎麼能添加標籤剩餘INCOMPLETE部分？

Answer 1

而不是使用一個單一的進度條，使用"stacked" progress bars，加起來就是100％：

<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> 

結果：