民间模板:Progress/styles.css

.progress-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.progress-track {
    flex: 1;
    min-width: 120px;
    height: 14px;
    background-color: #e0e0e0;
    border-radius: 7px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background-color: #4ea6e6;
    border-radius: 7px;
    min-width: 0;
}

.progress-text {
    white-space: nowrap;
    font-size: 0.9em;
    min-width: 3.5em;
    text-align: right;
    color: #333;
}