body, html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f3f3;
}

.progress-container {
    width: 800px; /* 设置进度条容器的宽度 */
    height: 40px; /* 设置进度条容器的高度 */
    border: 1px solid #ddd;
    background-color: #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    position: relative; /* 用于绝对定位进度条 */
}

.progress-bar {
    height: 100%; /* 使进度条填满容器的高度 */
    background-color: #4CAF50;
    width: 0%; /* 初始宽度为0% */
    text-align: center;
    line-height: 40px; /* 使文本垂直居中 */
    color: white;
    border-radius: 3px;
    position: absolute; /* 绝对定位 */
}