Bootstrap 中的进度条使用了哪些上下文类?
进度条用于显示计算机上进程的进度。进度条显示该过程完成了多少,还剩下多少。您可以使用预定义的引导类在网页上添加进度条。 Bootstrap 提供了多种类型的进度条。
句法:
示例 1:
HTML
Bootstrap Progress Bar
GeeksforGeeks
HTML
Bootstrap Progress Bar
GeeksforGeeks
输出:
我们将了解进度条中的上下文类:可以与进度条一起使用的上下文类有:
- .bg-成功
- .bg-信息
- .bg-警告
- .bg-危险
用简单的语言;我们可以给进度条赋予不同的颜色。
- 成功:绿色阴影(#5cb85c)
- 危险:红色阴影 (#d9534f)
- 警告:黄色阴影 (#f0ad4e)
- 信息:蓝色阴影(#5bc0de)
注意:进度条的默认颜色是蓝色。
示例 2:
HTML
Bootstrap Progress Bar
GeeksforGeeks
输出: