.bar_progress {
    position: absolute;
    max-width: 800px;
    bottom: 4em;
    left: 40em;
    width: 100%;
    background-color: #ffffff00;
    height: 20px;
    border-radius: 7px;
}

.bar_progress .bar {
    position: relative;
    width: 100%;
    border-radius: 7px;
}

.bar_progress .bar span {
    position: absolute;
    height: 20px;
    background: linear-gradient(-90deg, rgba(20, 143, 119, 1) 0%, #00ff95 100%);
    border-radius: 7px;
}

.show .bar_progress {
    display: block;
}

@media only screen and (max-width: 700px) {
    .bar_progress {
        bottom: 4em;
        left: 4em;
        width: 80%;
    }
    .bar_progress .bar {
        position: relative;
        width: 100%;
        border-radius: 7px;
    }
  }