.fl-progress-bar {
    display: flex;
    height: 0.125em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

@each $type in success, info, warning, error {
    .fl-#{$type} .fl-progress-bar {
        background-color: var(--#{$type}-color-light, var(--fl-#{$type}-light));

        .fl-progress {
            background-color: var(--#{$type}-color, var(--fl-#{$type}));
            width: 100%;
            height: 100%;
            transform-origin: left center;
            will-change: transform;
        }
    }
}

.fl-rtl .fl-progress .fl-progress {
    transform-origin: right center;
}