.progress-meter {
    appearance: none;
    display: block;
    width: 100%;
    height: 7px;
    border: 0;
    border-radius: 7px;
    background: #27334b;
}

.progress-meter::-webkit-progress-bar {
    border-radius: 7px;
    background: #27334b;
}

.progress-meter::-webkit-progress-value {
    border-radius: 7px;
    background: var(--meter-color);
}

.progress-meter::-moz-progress-bar {
    border-radius: 7px;
    background: var(--meter-color);
}

.progress-meter.good { --meter-color: var(--green); }
.progress-meter.warning { --meter-color: var(--amber); }
.progress-meter.danger { --meter-color: var(--red); }