雖然現在ui框架和外掛程式都很多，但是可能與我們需要的需求不一樣，或者樣式不好調，所以我們就來手寫乙個吧
先看一下要實現的效果
實際開發這些肯定都是後台傳的資料對吧，進度條變化的同時，上面的數字和中間的圓點也隨著動，不可能定死對吧
一.先寫外面那個顏色淺的盒子
.progresscontainer
width:progress.agree_rate :最終轉換為width:?%
那怎麼計算藍色進度條離最前面的距離呢？
let progresswd = this.$refs.progress.offsetwidth
這樣就行了
this.progresswd = (progresswd-15)+"px"
this.aroundwd = (progresswd-38)+"px"
因為我是為了好看，才減去了一點，你們可以不減
封裝乙個進度條
1.首先定義乙個處理資料需要產生進度的介面和抽象類 1 namespace progress.core 26 posscesscompleted mposscesscompleted 7 thread mthread 8bool isstop 9void start 10 11public dele...
實現乙個彩色進度條
顯示序列 033 0m 關閉轉義序列 033 1m 粗體或高亮 033 5m 閃爍 前景顏色序列 033 30m 黑 033 31m 紅 033 32m 綠 033 33m 黃 033 34m 藍 033 35m 洋紅 033 36m 青 033 37m 白 背景顏色序列 與前景顏色對對應，前景色是...
乙個漂亮的進度條
在今年上半年的專案中用div做過乙個進度條，動態顯示庫存情況，展示方式有點像win10風格的磁碟空間，簡潔明瞭，那個進度條也是來自幾年前的收藏。這幾年為了更好的適應移動端，響應式布局成為主流，下面這個進度條除了有動態的效果，還具備自適應能力，美觀大方的同時更加適合於執行具體任務的場景，留作備用。do...