CSS（層疊樣式表）是一種用于網頁設計的語言，能夠讓我們輕松地實現網頁的布局和樣式。其中一個很有用的 CSS 特性是可以實現全園進度。

全園進度是指在一個進度條上顯示所有項的完成情況。這種進度條經常在項目管理軟件中使用，用來跟蹤項目的進展情況。

/* HTML 代碼 */
<div class="progress-bar">
<div class="progress-bar-inner item1"></div>
<div class="progress-bar-inner item2"></div>
<div class="progress-bar-inner item3"></div>
<div class="progress-bar-inner item4"></div>
</div>
/* CSS 代碼 */
.progress-bar {
height: 10px;
background-color: #ccc;
}
.progress-bar-inner {
height: 100%;
float: left;
}
.item1 {
width: 25%;
background-color: #8bc34a;
}
.item2 {
width: 25%;
background-color: #ffa000;
}
.item3 {
width: 25%;
background-color: #9c27b0;
}
.item4 {
width: 25%;
background-color: #f44336;
}

在上面的示例中，我們創建了一個