[data-progress="0"] { background: linear-gradient(90deg, #6fa9ce 0%, transparent 0%) !important; }
[data-progress="1"] { background: linear-gradient(90deg, #6fa9ce 1%, transparent 1%) !important; }
[data-progress="2"] { background: linear-gradient(90deg, #6fa9ce 2%, transparent 2%) !important; }
[data-progress="3"] { background: linear-gradient(90deg, #6fa9ce 3%, transparent 3%) !important; }
[data-progress="4"] { background: linear-gradient(90deg, #6fa9ce 4%, transparent 4%) !important; }
[data-progress="5"] { background: linear-gradient(90deg, #6fa9ce 5%, transparent 5%) !important; }
[data-progress="6"] { background: linear-gradient(90deg, #6fa9ce 6%, transparent 6%) !important; }
[data-progress="7"] { background: linear-gradient(90deg, #6fa9ce 7%, transparent 7%) !important; }
[data-progress="8"] { background: linear-gradient(90deg, #6fa9ce 8%, transparent 8%) !important; }
[data-progress="9"] { background: linear-gradient(90deg, #6fa9ce 9%, transparent 9%) !important; }
[data-progress="10"] { background: linear-gradient(90deg, #6fa9ce 10%, transparent 10%) !important; }
[data-progress="11"] { background: linear-gradient(90deg, #6fa9ce 11%, transparent 11%) !important; }
[data-progress="12"] { background: linear-gradient(90deg, #6fa9ce 12%, transparent 12%) !important; }
[data-progress="13"] { background: linear-gradient(90deg, #6fa9ce 13%, transparent 13%) !important; }
[data-progress="14"] { background: linear-gradient(90deg, #6fa9ce 14%, transparent 14%) !important; }
[data-progress="15"] { background: linear-gradient(90deg, #6fa9ce 15%, transparent 15%) !important; }
[data-progress="16"] { background: linear-gradient(90deg, #6fa9ce 16%, transparent 16%) !important; }
[data-progress="17"] { background: linear-gradient(90deg, #6fa9ce 17%, transparent 17%) !important; }
[data-progress="18"] { background: linear-gradient(90deg, #6fa9ce 18%, transparent 18%) !important; }
[data-progress="19"] { background: linear-gradient(90deg, #6fa9ce 19%, transparent 19%) !important; }
[data-progress="20"] { background: linear-gradient(90deg, #6fa9ce 20%, transparent 20%) !important; }
[data-progress="21"] { background: linear-gradient(90deg, #6fa9ce 21%, transparent 21%) !important; }
[data-progress="22"] { background: linear-gradient(90deg, #6fa9ce 22%, transparent 22%) !important; }
[data-progress="23"] { background: linear-gradient(90deg, #6fa9ce 23%, transparent 23%) !important; }
[data-progress="24"] { background: linear-gradient(90deg, #6fa9ce 24%, transparent 24%) !important; }
[data-progress="25"] { background: linear-gradient(90deg, #6fa9ce 25%, transparent 25%) !important; }
[data-progress="26"] { background: linear-gradient(90deg, #6fa9ce 26%, transparent 26%) !important; }
[data-progress="27"] { background: linear-gradient(90deg, #6fa9ce 27%, transparent 27%) !important; }
[data-progress="28"] { background: linear-gradient(90deg, #6fa9ce 28%, transparent 28%) !important; }
[data-progress="29"] { background: linear-gradient(90deg, #6fa9ce 29%, transparent 29%) !important; }
[data-progress="30"] { background: linear-gradient(90deg, #6fa9ce 30%, transparent 30%) !important; }
[data-progress="31"] { background: linear-gradient(90deg, #6fa9ce 31%, transparent 31%) !important; }
[data-progress="32"] { background: linear-gradient(90deg, #6fa9ce 32%, transparent 32%) !important; }
[data-progress="33"] { background: linear-gradient(90deg, #6fa9ce 33%, transparent 33%) !important; }
[data-progress="34"] { background: linear-gradient(90deg, #6fa9ce 34%, transparent 34%) !important; }
[data-progress="35"] { background: linear-gradient(90deg, #6fa9ce 35%, transparent 35%) !important; }
[data-progress="36"] { background: linear-gradient(90deg, #6fa9ce 36%, transparent 36%) !important; }
[data-progress="37"] { background: linear-gradient(90deg, #6fa9ce 37%, transparent 37%) !important; }
[data-progress="38"] { background: linear-gradient(90deg, #6fa9ce 38%, transparent 38%) !important; }
[data-progress="39"] { background: linear-gradient(90deg, #6fa9ce 39%, transparent 39%) !important; }
[data-progress="40"] { background: linear-gradient(90deg, #6fa9ce 40%, transparent 40%) !important; }
[data-progress="41"] { background: linear-gradient(90deg, #6fa9ce 41%, transparent 41%) !important; }
[data-progress="42"] { background: linear-gradient(90deg, #6fa9ce 42%, transparent 42%) !important; }
[data-progress="43"] { background: linear-gradient(90deg, #6fa9ce 43%, transparent 43%) !important; }
[data-progress="44"] { background: linear-gradient(90deg, #6fa9ce 44%, transparent 44%) !important; }
[data-progress="45"] { background: linear-gradient(90deg, #6fa9ce 45%, transparent 45%) !important; }
[data-progress="46"] { background: linear-gradient(90deg, #6fa9ce 46%, transparent 46%) !important; }
[data-progress="47"] { background: linear-gradient(90deg, #6fa9ce 47%, transparent 47%) !important; }
[data-progress="48"] { background: linear-gradient(90deg, #6fa9ce 48%, transparent 48%) !important; }
[data-progress="49"] { background: linear-gradient(90deg, #6fa9ce 49%, transparent 49%) !important; }
[data-progress="50"] { background: linear-gradient(90deg, #6fa9ce 50%, transparent 50%) !important; }
[data-progress="51"] { background: linear-gradient(90deg, #6fa9ce 51%, transparent 51%) !important; }
[data-progress="52"] { background: linear-gradient(90deg, #6fa9ce 52%, transparent 52%) !important; }
[data-progress="53"] { background: linear-gradient(90deg, #6fa9ce 53%, transparent 53%) !important; }
[data-progress="54"] { background: linear-gradient(90deg, #6fa9ce 54%, transparent 54%) !important; }
[data-progress="55"] { background: linear-gradient(90deg, #6fa9ce 55%, transparent 55%) !important; }
[data-progress="56"] { background: linear-gradient(90deg, #6fa9ce 56%, transparent 56%) !important; }
[data-progress="57"] { background: linear-gradient(90deg, #6fa9ce 57%, transparent 57%) !important; }
[data-progress="58"] { background: linear-gradient(90deg, #6fa9ce 58%, transparent 58%) !important; }
[data-progress="59"] { background: linear-gradient(90deg, #6fa9ce 59%, transparent 59%) !important; }
[data-progress="60"] { background: linear-gradient(90deg, #6fa9ce 60%, transparent 60%) !important; }
[data-progress="61"] { background: linear-gradient(90deg, #6fa9ce 61%, transparent 61%) !important; }
[data-progress="62"] { background: linear-gradient(90deg, #6fa9ce 62%, transparent 62%) !important; }
[data-progress="63"] { background: linear-gradient(90deg, #6fa9ce 63%, transparent 63%) !important; }
[data-progress="64"] { background: linear-gradient(90deg, #6fa9ce 64%, transparent 64%) !important; }
[data-progress="65"] { background: linear-gradient(90deg, #6fa9ce 65%, transparent 65%) !important; }
[data-progress="66"] { background: linear-gradient(90deg, #6fa9ce 66%, transparent 66%) !important; }
[data-progress="67"] { background: linear-gradient(90deg, #6fa9ce 67%, transparent 67%) !important; }
[data-progress="68"] { background: linear-gradient(90deg, #6fa9ce 68%, transparent 68%) !important; }
[data-progress="69"] { background: linear-gradient(90deg, #6fa9ce 69%, transparent 69%) !important; }
[data-progress="70"] { background: linear-gradient(90deg, #6fa9ce 70%, transparent 70%) !important; }
[data-progress="71"] { background: linear-gradient(90deg, #6fa9ce 71%, transparent 71%) !important; }
[data-progress="72"] { background: linear-gradient(90deg, #6fa9ce 72%, transparent 72%) !important; }
[data-progress="73"] { background: linear-gradient(90deg, #6fa9ce 73%, transparent 73%) !important; }
[data-progress="74"] { background: linear-gradient(90deg, #6fa9ce 74%, transparent 74%) !important; }
[data-progress="75"] { background: linear-gradient(90deg, #6fa9ce 75%, transparent 75%) !important; }
[data-progress="76"] { background: linear-gradient(90deg, #6fa9ce 76%, transparent 76%) !important; }
[data-progress="77"] { background: linear-gradient(90deg, #6fa9ce 77%, transparent 77%) !important; }
[data-progress="78"] { background: linear-gradient(90deg, #6fa9ce 78%, transparent 78%) !important; }
[data-progress="79"] { background: linear-gradient(90deg, #6fa9ce 79%, transparent 79%) !important; }
[data-progress="80"] { background: linear-gradient(90deg, #6fa9ce 80%, transparent 80%) !important; }
[data-progress="81"] { background: linear-gradient(90deg, #6fa9ce 81%, transparent 81%) !important; }
[data-progress="82"] { background: linear-gradient(90deg, #6fa9ce 82%, transparent 82%) !important; }
[data-progress="83"] { background: linear-gradient(90deg, #6fa9ce 83%, transparent 83%) !important; }
[data-progress="84"] { background: linear-gradient(90deg, #6fa9ce 84%, transparent 84%) !important; }
[data-progress="85"] { background: linear-gradient(90deg, #6fa9ce 85%, transparent 85%) !important; }
[data-progress="86"] { background: linear-gradient(90deg, #6fa9ce 86%, transparent 86%) !important; }
[data-progress="87"] { background: linear-gradient(90deg, #6fa9ce 87%, transparent 87%) !important; }
[data-progress="88"] { background: linear-gradient(90deg, #6fa9ce 88%, transparent 88%) !important; }
[data-progress="89"] { background: linear-gradient(90deg, #6fa9ce 89%, transparent 89%) !important; }
[data-progress="90"] { background: linear-gradient(90deg, #6fa9ce 90%, transparent 90%) !important; }
[data-progress="91"] { background: linear-gradient(90deg, #6fa9ce 91%, transparent 91%) !important; }
[data-progress="92"] { background: linear-gradient(90deg, #6fa9ce 92%, transparent 92%) !important; }
[data-progress="93"] { background: linear-gradient(90deg, #6fa9ce 93%, transparent 93%) !important; }
[data-progress="94"] { background: linear-gradient(90deg, #6fa9ce 94%, transparent 94%) !important; }
[data-progress="95"] { background: linear-gradient(90deg, #6fa9ce 95%, transparent 95%) !important; }
[data-progress="96"] { background: linear-gradient(90deg, #6fa9ce 96%, transparent 96%) !important; }
[data-progress="97"] { background: linear-gradient(90deg, #6fa9ce 97%, transparent 97%) !important; }
[data-progress="98"] { background: linear-gradient(90deg, #6fa9ce 98%, transparent 98%) !important; }
[data-progress="99"] { background: linear-gradient(90deg, #6fa9ce 99%, transparent 99%) !important; }
[data-progress="100"] { background: linear-gradient(90deg, #19ad54 100%, transparent 100%) !important; }

progress { -webkit-appearance: none; appearance: none; height: 21px; border-radius: 4px; border: 0; }
progress::-webkit-progress-bar { border: 0; border-radius: 4px; background: #dadfe2; }
progress::-webkit-progress-value { border: 0; border-radius: 4px; }
progress:before {
    content: attr(data-label);
    font-size: 0.75em;
    vertical-align: 0;

    /*Position text over the progress bar */
    position: absolute;
    left:0;
    right:0;
    top: 50%;
    transform: translateY(-50%);
}
progress[value="100"]:before {
    color: #ffffff;
}

progress:not([value="100"])::-webkit-progress-value { background: #6fa9ce !important;}
progress[value="100"]::-webkit-progress-value { background: #19ad54 !important; }