前面的話
在網(wǎng)頁中，進度條的效果并不少見，比如一個評分系統(tǒng)，比如加載狀態(tài)等，通過簡單、靈活的進度條，可以為當前工作流程或動作提供實時反饋。本文將詳細介紹Bootstrap進度條
基本樣式
Bootstrap框架中對于進度條提供了一個基本樣式，一個100%寬度的背景色，然后一個高亮的顏色表示完成進度。其實制作這樣的進度條非常容易，一般是使用兩個容器，外容器具有一定的寬度，并且設置一個背景顏色，子元素設置一個寬度，比如完成度是30%（也就是父容器的寬度比例值），同時給其設置一個高亮的背景色
Bootstrap框架中也是按這樣的方式實現(xiàn)的，它提供了兩個容器，外容器使用“progress”樣式，子容器使用“progress-bar”樣式。其中progress用來設置進度條的容器樣式，而progress-bar用于限制進度條的進度
網(wǎng)友評論
