@charset "utf-8";

 .progress-bar {
    width: 300px;             /* Full width of the bar */
    background-color: #e0e0e0; /* Background color of the bar */
    border-radius: 10px;     /* Rounded corners (optional) */
    overflow: hidden;        /* Ensures the fill does not overflow */
    height: 20px;            /* Height of the bar */
    position: relative;
}

.id1 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation1 2s forwards; /* Animation applied */
}

@keyframes fillAnimation1 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 1%;          /* Fills to 40% */
    }
}

.id2 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation2 2s forwards; /* Animation applied */
}

@keyframes fillAnimation2 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 2%;          /* Fills to 40% */
    }
}

.id3 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation3 2s forwards; /* Animation applied */
}

@keyframes fillAnimation3 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 3%;          /* Fills to 40% */
    }
}

.id4 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation4 2s forwards; /* Animation applied */
}

@keyframes fillAnimation4 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 4%;          /* Fills to 40% */
    }
}

.id5 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation5 2s forwards; /* Animation applied */
}

@keyframes fillAnimation5 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 5%;          /* Fills to 40% */
    }
}

.id6 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation6 2s forwards; /* Animation applied */
}

@keyframes fillAnimation6 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 6%;          /* Fills to 40% */
    }
}

.id7 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation7 2s forwards; /* Animation applied */
}

@keyframes fillAnimation7 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 7%;          /* Fills to 40% */
    }
}
 
.id8 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation8 2s forwards; /* Animation applied */
}

@keyframes fillAnimation8 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 8%;          /* Fills to 40% */
    }
}

.id9 .progress-fill {
    width: 0;                /* Start with 0% fill */
    background-color: #4caf50; /* Color of the fill */
    height: 100%;            /* Fills the entire height of the bar */
    border-radius: 10px 0 0 10px; /* Rounded corners on the left */
    animation: fillAnimation9 2s forwards; /* Animation applied */
}

@keyframes fillAnimation9 {
    from {
        width: 0;            /* Starts with 0% fill */
    }
    to {
        width: 9%;          /* Fills to 40% */
    }
}

.id10 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation10 2s forwards; }
.id11 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation11 2s forwards; }
.id12 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation12 2s forwards; }
.id13 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation13 2s forwards; }
.id14 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation14 2s forwards; }
.id15 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation15 2s forwards; }
.id16 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation16 2s forwards; }
.id17 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation17 2s forwards; }
.id18 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation18 2s forwards; }
.id19 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation19 2s forwards; }
.id20 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation20 2s forwards; }
.id21 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation21 2s forwards; }
.id22 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation22 2s forwards; }
.id23 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation23 2s forwards; }
.id24 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation24 2s forwards; }
.id25 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation25 2s forwards; }
.id26 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation26 2s forwards; }
.id27 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation27 2s forwards; }
.id28 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation28 2s forwards; }
.id29 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation29 2s forwards; }
.id30 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation30 2s forwards; }
.id31 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation31 2s forwards; }
.id32 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation32 2s forwards; }
.id33 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation33 2s forwards; }
.id34 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation34 2s forwards; }
.id35 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation35 2s forwards; }
.id36 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation36 2s forwards; }
.id37 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation37 2s forwards; }
.id38 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation38 2s forwards; }
.id39 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation39 2s forwards; }
.id40 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation40 2s forwards; }
.id41 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation41 2s forwards; }
.id42 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation42 2s forwards; }
.id43 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation43 2s forwards; }
.id44 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation44 2s forwards; }
.id45 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation45 2s forwards; }
.id46 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation46 2s forwards; }
.id47 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation47 2s forwards; }
.id48 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation48 2s forwards; }
.id49 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation49 2s forwards; }
.id50 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation50 2s forwards; }
.id51 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation51 2s forwards; }
.id52 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation52 2s forwards; }
.id53 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation53 2s forwards; }
.id54 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation54 2s forwards; }
.id55 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation55 2s forwards; }
.id56 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation56 2s forwards; }
.id57 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation57 2s forwards; }
.id58 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation58 2s forwards; }
.id59 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation59 2s forwards; }
.id60 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation60 2s forwards; }
.id61 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation61 2s forwards; }
.id62 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation62 2s forwards; }
.id63 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation63 2s forwards; }
.id64 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation64 2s forwards; }
.id65 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation65 2s forwards; }
.id66 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation66 2s forwards; }
.id67 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation67 2s forwards; }
.id68 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation68 2s forwards; }
.id69 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation69 2s forwards; }
.id70 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation70 2s forwards; }
.id71 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation71 2s forwards; }
.id72 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation72 2s forwards; }
.id73 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation73 2s forwards; }
.id74 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation74 2s forwards; }
.id75 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation75 2s forwards; }
.id76 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation76 2s forwards; }
.id77 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation77 2s forwards; }
.id78 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation78 2s forwards; }
.id79 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation79 2s forwards; }
.id80 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation80 2s forwards; }
.id81 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation81 2s forwards; }
.id82 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation82 2s forwards; }
.id83 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation83 2s forwards; }
.id84 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation84 2s forwards; }
.id85 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation85 2s forwards; }
.id86 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation86 2s forwards; }
.id87 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation87 2s forwards; }
.id88 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation88 2s forwards; }
.id89 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation89 2s forwards; }
.id90 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation90 2s forwards; }
.id91 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation91 2s forwards; }
.id92 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation92 2s forwards; }
.id93 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation93 2s forwards; }
.id94 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation94 2s forwards; }
.id95 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation95 2s forwards; }
.id96 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation96 2s forwards; }
.id97 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation97 2s forwards; }
.id98 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation98 2s forwards; }
.id99 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation99 2s forwards; }
.id100 .progress-fill { width: 0;background-color: #4caf50;height: 100%;border-radius: 10px 0 0 10px;animation: fillAnimation100 2s forwards; }


@keyframes fillAnimation10 { from { width: 0; } to { width: 10%; }}
@keyframes fillAnimation11 { from { width: 0; } to { width: 11%; }}
@keyframes fillAnimation12 { from { width: 0; } to { width: 12%; }}
@keyframes fillAnimation13 { from { width: 0; } to { width: 13%; }}
@keyframes fillAnimation14 { from { width: 0; } to { width: 14%; }}
@keyframes fillAnimation15 { from { width: 0; } to { width: 15%; }}
@keyframes fillAnimation16 { from { width: 0; } to { width: 16%; }}
@keyframes fillAnimation17 { from { width: 0; } to { width: 17%; }}
@keyframes fillAnimation18 { from { width: 0; } to { width: 18%; }}
@keyframes fillAnimation19 { from { width: 0; } to { width: 19%; }}
@keyframes fillAnimation20 { from { width: 0; } to { width: 20%; }}
@keyframes fillAnimation21 { from { width: 0; } to { width: 21%; }}
@keyframes fillAnimation22 { from { width: 0; } to { width: 22%; }}
@keyframes fillAnimation23 { from { width: 0; } to { width: 23%; }}
@keyframes fillAnimation24 { from { width: 0; } to { width: 24%; }}
@keyframes fillAnimation25 { from { width: 0; } to { width: 25%; }}
@keyframes fillAnimation26 { from { width: 0; } to { width: 26%; }}
@keyframes fillAnimation27 { from { width: 0; } to { width: 27%; }}
@keyframes fillAnimation28 { from { width: 0; } to { width: 28%; }}
@keyframes fillAnimation29 { from { width: 0; } to { width: 29%; }}
@keyframes fillAnimation30 { from { width: 0; } to { width: 30%; }}
@keyframes fillAnimation31 { from { width: 0; } to { width: 31%; }}
@keyframes fillAnimation32 { from { width: 0; } to { width: 32%; }}
@keyframes fillAnimation33 { from { width: 0; } to { width: 33%; }}
@keyframes fillAnimation34 { from { width: 0; } to { width: 34%; }}
@keyframes fillAnimation35 { from { width: 0; } to { width: 35%; }}
@keyframes fillAnimation36 { from { width: 0; } to { width: 36%; }}
@keyframes fillAnimation37 { from { width: 0; } to { width: 37%; }}
@keyframes fillAnimation38 { from { width: 0; } to { width: 38%; }}
@keyframes fillAnimation39 { from { width: 0; } to { width: 39%; }}
@keyframes fillAnimation40 { from { width: 0; } to { width: 40%; }}
@keyframes fillAnimation41 { from { width: 0; } to { width: 41%; }}
@keyframes fillAnimation42 { from { width: 0; } to { width: 42%; }}
@keyframes fillAnimation43 { from { width: 0; } to { width: 43%; }}
@keyframes fillAnimation44 { from { width: 0; } to { width: 44%; }}
@keyframes fillAnimation45 { from { width: 0; } to { width: 45%; }}
@keyframes fillAnimation46 { from { width: 0; } to { width: 46%; }}
@keyframes fillAnimation47 { from { width: 0; } to { width: 47%; }}
@keyframes fillAnimation48 { from { width: 0; } to { width: 48%; }}
@keyframes fillAnimation49 { from { width: 0; } to { width: 49%; }}
@keyframes fillAnimation50 { from { width: 0; } to { width: 50%; }}
@keyframes fillAnimation51 { from { width: 0; } to { width: 51%; }}
@keyframes fillAnimation52 { from { width: 0; } to { width: 52%; }}
@keyframes fillAnimation53 { from { width: 0; } to { width: 53%; }}
@keyframes fillAnimation54 { from { width: 0; } to { width: 54%; }}
@keyframes fillAnimation55 { from { width: 0; } to { width: 55%; }}
@keyframes fillAnimation56 { from { width: 0; } to { width: 56%; }}
@keyframes fillAnimation57 { from { width: 0; } to { width: 57%; }}
@keyframes fillAnimation58 { from { width: 0; } to { width: 58%; }}
@keyframes fillAnimation59 { from { width: 0; } to { width: 59%; }}
@keyframes fillAnimation60 { from { width: 0; } to { width: 60%; }}
@keyframes fillAnimation61 { from { width: 0; } to { width: 61%; }}
@keyframes fillAnimation62 { from { width: 0; } to { width: 62%; }}
@keyframes fillAnimation63 { from { width: 0; } to { width: 63%; }}
@keyframes fillAnimation64 { from { width: 0; } to { width: 64%; }}
@keyframes fillAnimation65 { from { width: 0; } to { width: 65%; }}
@keyframes fillAnimation66 { from { width: 0; } to { width: 66%; }}
@keyframes fillAnimation67 { from { width: 0; } to { width: 67%; }}
@keyframes fillAnimation68 { from { width: 0; } to { width: 68%; }}
@keyframes fillAnimation69 { from { width: 0; } to { width: 69%; }}
@keyframes fillAnimation70 { from { width: 0; } to { width: 70%; }}
@keyframes fillAnimation71 { from { width: 0; } to { width: 71%; }}
@keyframes fillAnimation72 { from { width: 0; } to { width: 72%; }}
@keyframes fillAnimation73 { from { width: 0; } to { width: 73%; }}
@keyframes fillAnimation74 { from { width: 0; } to { width: 74%; }}
@keyframes fillAnimation75 { from { width: 0; } to { width: 75%; }}
@keyframes fillAnimation76 { from { width: 0; } to { width: 76%; }}
@keyframes fillAnimation77 { from { width: 0; } to { width: 77%; }}
@keyframes fillAnimation78 { from { width: 0; } to { width: 78%; }}
@keyframes fillAnimation79 { from { width: 0; } to { width: 79%; }}
@keyframes fillAnimation80 { from { width: 0; } to { width: 80%; }}
@keyframes fillAnimation81 { from { width: 0; } to { width: 81%; }}
@keyframes fillAnimation82 { from { width: 0; } to { width: 82%; }}
@keyframes fillAnimation83 { from { width: 0; } to { width: 83%; }}
@keyframes fillAnimation84 { from { width: 0; } to { width: 84%; }}
@keyframes fillAnimation85 { from { width: 0; } to { width: 85%; }}
@keyframes fillAnimation86 { from { width: 0; } to { width: 86%; }}
@keyframes fillAnimation87 { from { width: 0; } to { width: 87%; }}
@keyframes fillAnimation88 { from { width: 0; } to { width: 88%; }}
@keyframes fillAnimation89 { from { width: 0; } to { width: 89%; }}
@keyframes fillAnimation90 { from { width: 0; } to { width: 90%; }}
@keyframes fillAnimation91 { from { width: 0; } to { width: 91%; }}
@keyframes fillAnimation92 { from { width: 0; } to { width: 92%; }}
@keyframes fillAnimation93 { from { width: 0; } to { width: 93%; }}
@keyframes fillAnimation94 { from { width: 0; } to { width: 94%; }}
@keyframes fillAnimation95 { from { width: 0; } to { width: 95%; }}
@keyframes fillAnimation96 { from { width: 0; } to { width: 96%; }}
@keyframes fillAnimation97 { from { width: 0; } to { width: 97%; }}
@keyframes fillAnimation98 { from { width: 0; } to { width: 98%; }}
@keyframes fillAnimation99 { from { width: 0; } to { width: 99%; }}
@keyframes fillAnimation100 { from { width: 0; } to { width: 100%; }}