Sid Gifari Advanced File Manager

✏️ Editing: progressbar.scss

.pxl--progressbar {
    @include transition(width 1.4s ease);
    width: 0;
    &.vertical {
        @include transition(height 1.4s ease);
        height: 0;
    }
}
.pxl-progressbar-1 {
    .pxl-progressbar--wrap {
        height: 2px;
        background-color: #fff;
        .pxl--progressbar {
            height: 2px;
            background-color: $third_color;
            position: relative;
        }
    }
    .pxl--title {
        font-size: 15px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .pxl--percentage {
        color: #01062e;
        font-weight: 600;
        @extend .ft-theme-default;
        font-size: 15px;
        margin-bottom: 10px;
    }
    .pxl--item + .pxl--item {
        margin-top: 20px;
    }
    &.style-2 {
        .pxl--title {
            font-size: 16px;
            font-weight: 500;
            color: #1f2025;
        }
        .pxl--percentage {
            font-weight: 500;
            color: #1f2025;
        }
        .pxl-progressbar--wrap {
            background-color: #f4f4f4;
            height: 10px;
            border-radius: 10px;
            .pxl--progressbar {
                height: 9px;
                border-radius: 9px;
                @include background-horizontal($gradient_color_from, $gradient_color_to);
                position: relative;
                top: -3px;
            }
        }
        .pxl--item + .pxl--item {
            margin-top: 24px;
        }
    }
}

body.rtl {
    
}

📁 File Manager Pro