progress进度条--为当前工作流程或动作提供实时反馈
兼容性:进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Firefox 的老版本中没有被支持。Opera 12 不支持 animation 属性。
1.进度条基本实例
1.1这是一个空的进度条
2.带有提示标签的进度条
标签的显示位置是进度的一半
3.最低值进度条----在展示很低的百分比时,如果需要让文本提示能够清晰可见, 可以为进度条设置 min-width 属性,值一般设置为2em。 设置最低值进度条不会影响正常的显示
4.根据情境变化效果的进度条
5.条纹效果,为进度条添加.progress-bar-striped即可
6.进度条的动画效果,,为.progress-bar-striped类添加.active即可
7.堆叠效果,一般用于在不同阶段的提示
标签:bootstrap , 前端框架