CSS圓形邊進度是一種通過CSS技術創建出的圓形進度條，非常簡單易用。

.progress {
width: 120px;
height: 120px;
margin: 50px auto;
position: relative;
border-radius: 50%;
}
.progress .progress-bar {
width: 80%;
height: 80%;
position: absolute;
top: 10%;
left: 10%;
border-radius: 50%;
background-color: #ddd;
}
.progress .progress-bar:before {
content: "";
display: block;
padding-top: 100%;
}
.progress.active .progress-bar {
-webkit-animation: progressBar 2s ease-out;
animation: progressBar 2s ease-out;
}
@-webkit-keyframes progressBar {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes progressBar {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

以上是一個簡單的CSS代碼示例。首先，我們定義了一個.progress類，設置進度條的寬度、高度、邊框半徑和位置屬性。其次，我們在.progress類內部創建了一個.progress-bar類，在.progress內定位進度條并設置進度條的寬度、高度、邊框半徑和背景顏色。然后，我們使用:before偽類為進度條添加內邊距。最后，通過添加.active類，我們可以在進度條上應用動畫。

總的來說，使用CSS圓形邊進度條非常簡單，只需要幾行代碼就可以實現一個漂亮的進度條。你可以根據自己的需求進行調整和定制，使其更符合你的網站或應用程序的風格！