progressbar_css

    .progress-outer {
        background: #fff;
        border-radius: 50px;
        padding: 15px;
        margin: 10px 0;
        box-shadow: 0 0 10px rgba(209, 219, 231, 0.7);
    }

    .progress {
        height: 27px;
        margin: 0;
        overflow: visible;
        border-radius: 50px;
        background: #eaedf3;
        box-shadow: inset 0 10px 10px rgba(244, 245, 250, 0.9);
    }

    .progress .progress-bar {
        border-radius: 50px;
    }

    .progress .progress-value {
        top: 4px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        letter-spacing: 2px;
        text-shadow: 0px 2px 7px rgba(58, 58, 58, 0.9);
        background: rgba(56, 56, 56, 0.2);
        padding: 0px 15px;
        border-radius: 25px;
        left: 50px;
        position: absolute;
        top: auto;
    }

    .progress-bar.active {
        animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
    }

    @-webkit-keyframes animate-positive {
        0% {
            width: 0%;
        }
    }

    @keyframes animate-positive {
        0% {
            width: 0%;
        }
    }