最簡單的進度條需要幾行**？
在bootstrap中，只需要兩句。
class="progress">
class="progress-bar" style="width: 60%;">div>
div>
不考慮**規範的話，，，
class="progress">
class="progress-bar" style="width: 60%;">div>div>
實現效果如圖所示：
下面講解進度條的語法和樣式
預設進度條，就像上圖，沒有任何修飾的進度條。進度條寬度是父元素的寬度。
先建立乙個外層div，新增class屬性progress，progress作用就是申明進度條的基本樣式。
然後建立乙個內部div，新增class屬性progress-bar，這個屬性作用是關聯上邊的progress基本進度條樣式。
並新增屬性width=60%，用於宣告當前進度條位置是在60%。
常用的進度條顏色。預設的進度條顏色是藍色，在bootstrap中，還有success、info、warning、danger表達不同意義的顏色樣式。使用方法是在內部div的class屬性中新增 progress-bar-success/info/warning/danger，注意，是新增，前邊的progress-bar仍然需要保留。
3. 新增條紋。在外層div的class屬性新增progress-striped，可以新增條紋。新增active，可以新增最基礎的動畫效果。
class="progress progress-striped active">
class="progress-bar" style="width: 80%;">div>
div>
進度條樣式修改
對於進度條外框修改，可以在外層div中新增css樣式來改變，對於進度條內部的修改，則是通過對內部div新增css樣式來修改。
class="col-md-6">
class="progress progress-striped" style=" width: 100px; height: 100px;background-color:#d1e2f3;border: 5px groove red;">
class="progress-bar" style="width: 40%; border:2px solid white;">div>
class="progress-bar-success" style="width: 40%">div>
div>
div>
還可以通過多個內層div放入乙個外層div的方式，形成進度條堆疊效果。（類似手機記憶體空間的條形示意圖，不同顏色代表不同型別檔案）
本人的堅果pro2手機的手機記憶體空間進度條：
製作類似進度條：
class="progress" style="width: 400px;height:30px;background-color: #dfdfdf;">
class="progress-bar" style="width: 1%;background-color: #a0cf3f">div>
class="progress-bar" style="width: 10%;background-color: #fabf3a">div>
class="progress-bar" style="width: 1%;background-color: #e76360">div>
class="progress-bar" style="width: 1%;background-color: #bb5fef">div>
class="progress-bar" style="width: 70%;background-color: #c2c2c2">div>
div>
效果圖：（漸變效果可以以後加入）
bootstrap 進度條樣式
bootstrap為我們提供具有漂亮樣式的進度條來表示乙個事務的進度，如下 實現方法如下 1 引入bootrap檔案，html view plain copy link rel stylesheet href libs bootstrap 3.3.7 css bootstrap.css 2 新增乙個...
bootstrap多種樣式進度條展示
1 預設的進度條 新增乙個帶有class progress 的div，在其內新增乙個帶有 class progress bar 的空div，為空div新增乙個以百分比表示的style屬性，如 style 60 表示進度條在60 的位置。2 不同樣式的進度條 新增乙個帶有class progress ...
Android中進度條
首頁xml中 其中style屬性設定進度條的樣式 如上面設定的進度條為水平的進度條 若不設定預設為圓形進度條。style android style widget.progressbar.small 設定進度的大小如下截圖 還有一種對話方塊進度條progressdialog 在button監聽事件裡...