前端之家收集整理的这篇文章主要介绍了
HTML – 更改引导进度栏背景(不是栏,但栏背景)，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
目前我正在使用bootstrap进度条
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
60%
</div>
</div>
栏的默认颜色是蓝色,我已设法更改此项.
但是,未填充部分的默认背景是带有灰色辐射的白色,如何将其更改为我自己的颜色？
您只需要使用自己的CSS覆盖.progress上的值.
.progress {
background-color: #aaa;
-webkit-Box-shadow: none;
Box-shadow: none;
}
这将删除进度条剩余部分的阴影,并将其更改为(在这种情况下)温和的灰色.您可以选择您喜欢的任何颜色值.
这可以在HTML本身(通常不是首选),或在您自己的CSS文件中(只是确保它包含在Bootstrap CSS之后).
(一个快速的Plunkr来说明：http://plnkr.co/edit/WUDuq5XayN0nXEmtXY6V)
原文链接：https://www.f2er.com/html/227838.html
