要使用 CSS 实现进度条，可以通过设置一个包含一定填充比例的元素来模拟。以下是一种简单的实现方法：
<div class="progress-bar"></div>.progress-bar {
width: 100px;
height: 20px;
border: 1px solid #ccc;
position: relative;
}
.progress-bar::before {
content: "";
display: block;
height: 100%;
background-color: #4CAF50; /* 进度条颜色 */
width: 60%; /* 进度条填充比例 */
}其中， ::before 伪类会在 .progress-bar 元素前加上一个新的子元素，并将其固定在该元素内。
这样，就可以使用 CSS 实现简单的进度条了。注意，可以通过调整 .progress-bar::before 的 width 属性值来控制进度条的填充比例，从而实现不同的进度状态。