CSS3提供了一種效果非常好的進度條代碼，且使用非常方便。下面是一段基本的CSS3進度條代碼：

.progress-bar {
width: 100%;
height: 10px;
background-color: #e7e7e7;
border-radius: 5px;
}
.progress-bar span {
display: block;
height: 100%;
border-radius: 5px;
background-color: #4caf50;
transition: width 0.5s ease-in-out;
}

以上代碼包含兩個部分：一個是進度條的外框，另一個是進度條的內部填充部分。其中，外框為灰色，高度為10px，圓角半徑為5px，填充部分為綠色，高度也為10px，圓角半徑同樣為5px。

填充部分的寬度是通過CSS3的過渡動畫實現的，當進度條完成時，代碼如下：

.progress-bar span {
display: block;
height: 100%;
border-radius: 5px;
background-color: #4caf50;
width: 100%;
transition: width 0.5s ease-in-out;
}

這里沒有改變填充部分的其他樣式，只是將寬度設為100%。如果要改變填充部分的顏色，只需修改background-color值即可。