CSS自定義角度的扇形應用非常廣泛，其中最常見的是圓形進度條。利用CSS的transform屬性的rotate()方法，我們可以將一個div沿著圓心旋轉一定的角度，從而實現圓形進度條的效果。

比如，我們可以使用以下代碼來實現一個進度為50%的圓形進度條：

.progress {
position: relative;
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
background-color: #ccc;
}
.progress::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #f00;
transform-origin: center center;
transform: rotate(50%);
}

在上述代碼中，我們先創建了一個div元素，并將其設置為圓形。然后，在其::before偽元素中，我們設置了一個與div一樣大的圓形元素，并將其背景色設為紅色。接著，我們將該元素沿著圓心旋轉50%的角度，從而實現了一個進度為50%的圓形進度條。

此外，我們還可以使用CSS的clip-path屬性來實現其他除圓形進度條之外的扇形效果。比如，以下代碼可以讓一個div元素顯示為一個角度為60度的圓形扇形：

.sector {
width: 200px;
height: 200px;
background-color: #ccc;
clip-path: polygon(50% 0, 0 0, 0 100%, 50% 100%, 70.71% 70.71%);
}

在上述代碼中，我們使用clip-path的polygon函數來定義一個五邊形區域，其前四個點分別為圓心、左上角、左下角和圓心再往右的一個點，最后一個點為圓心向右上方的一個點。該五邊形區域取了一個左上角為60度的扇形，并將div元素的clip-path屬性設置為該五邊形區域，從而實現了一個角度為60度的圓形扇形。

總之，CSS自定義角度的扇形可以幫助開發者實現各種有趣的效果，為網頁增添不少生動性和美感。以上就是本篇文章介紹的一些常見扇形效果，希望能對您有所幫助。