在網頁中，進度條的效果並不少見，比如一個評分系統，比如加載狀態等。
一、基本樣式
Bootstrap框架中對於進度條提供了一個基本樣式，一個100%寬度的背景色，然後個高亮的色表示完成進度。其實製作這樣的進度條非常容易，一般是使用兩個容器，外容器具有一定的寬度，並且設置一個背景顏色，他的子元素設置一個寬度，比如完成度是30%（也就是父容器的寬度比例值），同時給其設置一個高亮的背景色。
使用方法：
Bootstrap框架中也是按這樣的方式實現的，他提供了兩個容器，外容器使用“progress”樣式，子容器使用“progress-bar”樣式。其中progress用來設置進度條的容器樣式，而progress-bar用於限制進度條的進度。
例如
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>進度條--基本樣式</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<div class="progress">
<div class="progress-bar" style="width:40%;" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">40% Complete</span>
<