Progress Ring (環形進度條)
別稱 Circular progress, Radial progress, Animated Circular Progress Bar
圓弧沿著圓環延伸,顯示完成的百分比。
適用情境
檔案上傳、目標、計時器
變體
- determinate
- indeterminate
- stroke-dashoffset
- conic-gradient
- counting label
別稱 Circular progress, Radial progress, Animated Circular Progress Bar
圓弧沿著圓環延伸,顯示完成的百分比。
檔案上傳、目標、計時器
將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。
在[套用位置]加入「環形進度條」(Progress Ring),也叫 circular progress 或 radial progress。
圓弧從頂端開始沿圓環順時針延伸,顯示完成的百分比,停下時緩緩減速,同時中間的數字跟著遞增。
讓圓弧和數字保持同步,並用正確的進度條語意向螢幕閱讀器提供數值。