.box{
    color: #11321f ;
}
.box .row{
    position: relative;
    width: 100%;
    margin: 20px 0;
}
.box .row .bar{
    position: relative;
    width: 100%;  height: 30px;
    border-radius: 10px;
    border: 3px solid #11321f;
    box-sizing: border-box;
    margin: 10px 0;
}
.box .row .bar .percentage{
    margin-left: -10px;
    z-index: -1;
    position: relative;
    height: 100%; 
    border-right: 3px solid #11321f;
    background: repeating-linear-gradient(30deg , #efefef 0px 10px , rgba(255,255,255,.3) 10px 20px);
    background-size: 200px 100%; 
    padding: 0 10px;
    box-sizing: border-box;
}

.box .row span{
    display: inline-block;
}
.box .row .bar .percentage span{
    float: right;
}

@keyframes animate{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 10000px 0;
    }
}