Bootstrap—进度条progress-bar

Bootstrap为我们提供具有漂亮样式的进度条来表示一个事务的进度，如下：

实现方法如下：

（1）引入bootrap文件，

    <link rel="stylesheet" href="../libs/bootstrap-3.3.7/css/bootstrap.css">

（2）添加一个<div class="progress">；

（3）在<div class="progress">中添加一个<div class="progress-bar">

<div class="progress-bar" aria-valuenow="40" aria-valuemax="100" aria-valuemin="0" style="width:40%;">

其中，

aria-valuenow="40"——进度条目前进度值。

aria-valuemax="100"——最大进度值。

aria-valuemin=“0”——最小进度值。

style="width:40%;"——让进度条指在40%的位置。

完整代码如下：

<!doctype