Bootstrap进度条堆叠
进度条堆叠
Bootstrap3中,只需将多个进度条放到同一个 .progress
的容器中,即可以让多个进度条堆叠在一起,使它们呈现堆叠的效果。如:
20%
文章图片
图3-81 进度条堆叠
需要注意的是,堆叠在一起的所有进度条的进度百分比之和,不能超过100%。否则,超出部分的整个进度条将被移除,不被显示出来。
关于作者
【Bootstrap进度条堆叠】歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。
推荐阅读
- 家乡的那条小河
- 每日一话(49)——一位清华教授在朋友圈给大学生的9条建议
- 人生是一条孤独又迷茫的路
- (七)谈条件
- 我在一条路上走了5年
- 那条灰色的人行道
- 无尾鱼与独脚鸟
- 墙角的小花
- 感赏15+投射
- Improve|Improve Nested Conditionals(优化嵌套的条件语句) 面对大量的if-else语句