環形進度條沒有想象的那麼簡單

最終效果如下圖： 做動畫除了使用 CSS 中的 animation，還可以使用 JS 來實現。使用 CSS 實現環形進度條並沒有一個比較好的方案，可以通過 svg 或 canvas 來實現，今天通過 canvas 來實現，它的好處就是可以同時應用到小程序和網頁中。 環形進度動畫實現的核心就是一點一點來畫一個園，這樣會給人產生一個假象，進度條不斷前進。 網頁中可以直接使用 canvas 標籤來定義一

>>阅读原文<<