進度條使用 css3 過渡和動畫來獲得該效果。internet explorer 9 及之前的版本和舊版的 firefox 不支援該特性，opera 12 不支援動畫。進度條的顏色樣式有以下幾種：.progress-bar-success、.progress-bar-info、.progress-bar-warning、.progress-bar-danger。
演示**：
預設進度條
40% 完成
不同色彩樣式的進度條
40% 完成
條紋進度條
80% 完成
動態進度條
80% 完成
堆疊進度條
40% 完成
30% 完成（資訊）
20% 完成（警告）
進度條deom
0% 完成
響應式的前端框架 Groundwork
前面我們介紹過了很多響應式的前端框架，例如，responsive boilerplate，centurion等等，在這篇文章中我們將再介紹乙個響應式的前端框架 groundwork。groundwork是另外乙個超棒的響應式前端框架，使用sass和compass並且提供了乙個高階的響應式布局。擁有了...
響應式前端框架Bootstrap系列（2）網格系統
網格系統，也叫柵格系統，是bs中最常用也是最核心的布局方式。大家知道，乙個前端介面是由多個塊級元素組建而成，而我們常用到的塊級元素就是div，網格系統就是將乙個div劃為等分12列。為了使網格系統能支援不同的解析度，網格的列定義也分為了4種型別，分別是.col xs col sm col md co...
前端響應式原理
響應式布局指的是同一頁面在不同螢幕尺寸下有不同的布局 響應式設計與自適應設計的區別 響應式開發一套介面，通過檢測視口解析度，針對不同客戶端在客戶端做 處理，來展現不同的布局和內容 自適應需要開發多套介面，通過檢測視口解析度，來判斷當前訪問的裝置是pc端 平板 手機，從而請求服務層，返回不同的頁面 方...