Content Table
2016-05-26

Bootstrap Progress Bar 

1
2
3
<div class="progress">
    <div class="progress-bar" style="width: 2%;"><span>2% 是不是显示不完整</span></div>
</div>

上面的代码显示出的进度条中由于进度只有 2%，只显示出了 2%，是不是显示不完整 没有显示出来

要想把 2% 是不是显示不完整 全部显示出来，使用下面的 CSS 即可

1
2
3
4
5
6
7
8
9
10
11
.progress {
    position:relative;
}

.progress span {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    color: black;
}