純 CSS3 百分比進度條是指僅僅使用 CSS3 技術(shù)實現(xiàn)的進度條，不借助 Javascript 或者其他任何語言實現(xiàn)。

<div class="progress-bar">
<div class="progressbar"></div>
</div>
.progress-bar {
background-color: #dcdcdc;
height: 10px;
width: 100%;
border-radius: 5px;
}
.progressbar {
height: 100%;
background-color: #41b883;
width: 0%;
border-radius: 5px;
transition: width 0.5s ease;
}

以上是一個純 CSS3 實現(xiàn)的百分比進度條。首先，我們創(chuàng)建了一個 div 標簽，設(shè)置了它的背景顏色和圓角等樣式。然后，在這個 div 標簽之內(nèi)再創(chuàng)建一個 div 標簽，作為進度條的實際載體。這個 div 標簽的背景顏色的寬度為 0%，通過 transition 屬性實現(xiàn)居中慢慢填充的效果。

我們可以通過修改 .progressbar 類下的 width 屬性來控制進度條填充的百分比。比如，要讓進度條填充到 50% 的位置，可以將 .progressbar 類的 width 屬性設(shè)為 50%。

這個純 CSS3 實現(xiàn)的百分比進度條有很多的變體和擴展，可以根據(jù)具體的需求來進行修改和調(diào)整，比如修改進度條顏色、樣式或者在進度條中添加文字等?？傊@是一個十分簡單而且實用的技術(shù)。