回饋提示詞條 2-44

進度環Progress Ring

也常叫做：圓形進度條、進度圈、Ring

你可能會這樣說

儀表板上圓環一點一點填滿，中間放百分比——比直條更搶眼、更適合當主角的進度顯示。

進度環是用圓弧填滿程度表現進度的圓圈，中間通常放數字，適合「今日目標達成 70%」這類單一數值。

它比進度條更適合放在卡片中央，配品牌色一眼就有完成感。

請 AI 做時指定線的粗細、起點角度（常從正上方順時針開始）和進場動畫。

今日學習任務 看完一課詞條跟 AI 對話練習一次改一段自己的網站記下一個新名詞

0 / 4

勾選時進度即時更新——把這條長條彎成圓圈、中間放百分比，就是進度環。

圖 2-45　勾幾項、圈就轉幾度——進度環的感覺就像這樣。

中文就可以

會員頁做一個今日學習進度的圓環。
從正上方開始順時針填充，中間顯示百分比。
頁面載入時 0.8 秒內從 0 轉到目前進度。
達成率 100% 時圓環換金色，播放小小的慶祝動畫。