CSS進度條是網頁開發中經常用到的一個元素，它可以用來展示加載進度、表單填寫進度等等。而如果想讓進度條有更好的視覺效果，可以給它添加圓角樣式。

.progress {
position: relative;
height: 10px;
width: 100%;
background-color: #e0e0e0;
border-radius: 10px; // 添加圓角樣式
overflow: hidden;
}
.progress-bar {
position: absolute;
height: 100%;
background-color: #2196f3;
border-radius: 8px; // 進度條同樣添加圓角，使其與進度條底部對齊
transition: width .2s ease-in-out;
}
.progress-50 {
width: 50%; // 設置進度條寬度為50%
}

以上是一個簡單的CSS進度條的代碼示例，其中給進度條和進度條條添加了border-radius屬性，將其樣式設為圓角。這樣，即使進度條條的寬度比進度條底部的寬度小，進度條條也會與進度條底部完美對齊，達到更美觀的效果。