bootstrap中的 progress bar

依然那么楞

于 2013-11-20 14:49:23 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

文章标签： bootstrap progress bar progress 进度条

本文链接：https://blog.youkuaiyun.com/ling811/article/details/16844191

本文介绍如何使用 progressbar 组件创建不同样式的进度条，包括 progress、progress-striped、progress-danger 等多种样式，并通过示例代码展示如何设置进度条宽度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

progress bar 中包含了：

progress、 progress-striped、 progress-danger、 progress-info、 progress-success、 progress-warning。

可以根据自己的需要来组合进度条的样式外观。

<div class="container">
<div class="progress progress-striped active">
	<div class="bar" style="width:10%;"></div>
</div>
</div>

效果图：