BootStrap组件之进度条的基本用法

BootStrap组件之进度条的基本用法

1、进度条基本用法

主要依赖.progress和.progress-bar

aria-valuenow表示当前值

aria-valuemin表示最小值

aria-PqBFSfNRpvaluemax表示最大值

width:60%表示当前进度条位置

2、带有提示标签的进度条

60%

3、根PqBFSfNRp据情境变化效果

60%

60%

60%

60%

.progress-bar-danger

.progress-bar-info

.progress-bar-success

.progress-bar-warning

4、条纹效果

.progress-bar-striped可以和其他状态的类一起使用

60%

5、动画效果

为 .progress-bar-striped 添加 .active 类，使其呈现出由右向左运动的动画效果。

60%

6、堆叠效果

把多个进度条放入同一个 .progress 中，使它们呈现堆叠的效果。

35% Complete (success)

20% Complete (warning)

10% Complete (danger)

以上所述是给大家介绍的BootStrap组件之进度条的基本用法，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。