.file {
    position: relative;
    background: linear-gradient(to right, lightblue 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
}

    .file.done {
        background: lightgreen;
    }

    .file a {
        display: block;
        position: relative;
        padding: 5px;
        color: black;
    }

.progress-bar-container {
    width: 98%;
    background-color: grey;
    margin: 5px;
    border-radius: 8px;
    color: black !important;
}

.progress-bar {
    width: 1%;
    height: 30px;
    background-color: #d2ecff;
    /*color: white;*/
    border-radius: 8px;
    border-left: #1e88e5 5px solid;
}

    .progress-bar p {
        /*color: white;*/
        padding: 5px;
        font-size: smaller;
        font-weight: 600;
    }