Bootstrap3 带提示的进度条 Bootstrap3实用教程

带提示的进度条
制作带提示的进度条也很简单，只需在内层表示进度条的子元素中，提供当前进度值即可。如：

60%

效果如图 3?76所示：

文章图片

图3-76 带提示的进度条
在展示很低的百分比时，如果需要让文本提示能够清晰可见，可以为进度条设置min-width属性。如：

0%
2%

效果如图 3?77所示：

文章图片

图3-77 带提示的进度条
关于作者
【Bootstrap3 带提示的进度条】歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。