Content Table

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