[情報] 製作 Progress Bar 的方便工具 - loadingbar.js

看板Web_Design作者TKirby ( :D)時間7年前 (2017/05/25 10:14)推噓4(4推 0噓 0→)

留言4則, 4人參與討論串1/1

最近為了研究 SVG 與動畫控制的機制，花了點時間做了一個進度條函式庫 Loading Bar.js 基本上，就是用來快速產生 Progress Bar 用的, 分享給大家網址: https://loading.io/progress/ 這個 Progress Bar 函式庫的幾個特色如下: 1. 可以自訂進度條的形狀 ( 透過 svg path ) 2. 可以使用圖片做進度條 3. 提供八種預設樣式與數種動畫圖樣 4. 壓縮過後大小為 4KB, 相當迷你然後不需要寫 JS 也可以畫 Progress Bar 喔, 只是數值變動還是會需要 JS. -- 由於它對純粹體質上的耐力以及手指上的輝煌技巧要求太高，在當時的鋼琴家中極少有人能夠勝任它的演奏。直到二十世紀三零年代鋼琴演奏技巧才發展到了一個相當的高度﹝它包括了從細微的音色變化到踏板的使用，從手指的極度靈巧到肌肉的永不疲勞等所有的尖端的技巧﹞，從而造就了一批具備超凡演奏才能的代表人物，如：霍洛維茲 ﹝Vladimir Horowitz﹞、英年早逝的赫爾曼﹝Alexander Helman﹞、季雪金﹝Walter Gieseking﹞，拉赫曼尼諾夫對他演奏這首協奏曲的喜愛超過其他任何人﹞等。 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.118.176 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1495678498.A.60A.html

推

showken

05/25 13:11, , 1^F

05/25 13:11, 1^F

推

pm2001

05/25 14:31, , 2^F

05/25 14:31, 2^F

問題已修正，感謝~

推

mhsu2k9

05/25 19:12, , 3^F