利用bootstrap，如何创建一个漂亮的进度条？

1、创建一个div，把样式设置为progress，这是创建进度条必须的样式名。

2、再在这个div里面，添加一个样式名为progress-bar的div，其他参数稍后解析。

3、运行页面，我们现在就可以看到有一个漂亮的进度条了。

4、如果要修改进度条的进度值，怎么修改呢？把刚才代码里的88，和88%分别改为22和22%就行了。

5、再看下页面，现在就是比较短一点的进度了。

6、如果要修改进度条的颜色，我们可以添加progress-bar-warning的样式名，这样样式名对应什么颜色，大家可以看下官方文档。

7、再次运行页面，现在看到的是黄色的进度条了。