今天我們來聊一聊 CSS 中關于弧形百分比的使用。在進行 Web 設計時，有時我們需要給頁面的一些組件添加弧形效果，如圓角按鈕、弧形進度條等等。CSS 弧形百分比就是一個很好的解決方案。

/* 給按鈕添加圓角效果 */
button {
/* 50%表示按鈕四個角中的兩個相切 */
border-radius: 50%; 
}
/* 給進度條添加弧形效果 */
progress {
/* horizontal 圓角方向為水平方向（左右兩頭），50% 表示水平方向上一半的圓角 */
border-radius: 50% / horizontal 50%; 
}

CSS 弧形百分比主要由兩個部分組成。第一個部分是數值，表示圓角的大小，取值范圍是 0 到 50。數值越大，圓角的半徑就越大，圓角也就越明顯。當數值為 0 時，邊框是直角。當數值為 50 時，邊框是一個完美的半圓。

第二個部分是圓角方向。可以用一個斜杠將其與圓角大小隔開。如果省略了這個部分，CSS 會默認將圓角方向設置為四個角的水平和垂直方向。當需要讓圓角只在水平方向或垂直方向上顯示時，可以加上horizontal或vertical屬性。

總之，CSS 弧形百分比是一個非常好用的特性，可以讓我們在設計網頁時，輕松實現各種弧形效果。