How to make an animated filling of the strips in percent to JS/CSS?

Tell me how to implement the fill strips depending on the interest animated?
to color filled and numbers from 0 to n percent "assailed"

3b95e0fc5067434294503066dd2ca5de.jpg
July 4th 19 at 23:57
1 answer
July 4th 19 at 23:59
Solution
thank you, I will understand ) - Bethel.Reichert7 commented on July 5th 19 at 00:02
damn, why I didn't understand, maybe you can help? - Bethel.Reichert7 commented on July 5th 19 at 00:05
: codepen.io/Cyber-host/pen/QKEymP - marcelino_Emmeri commented on July 5th 19 at 00:08
: or simplified to a custom layout? - marcelino_Emmeri commented on July 5th 19 at 00:11
: I'm still quite new to js, here are just beginning to explore, the idea came to mind using js to keep track of what we have come to this block, and there is just two of diva, grey and pink, grey width 100px (for example) the pink 10px, when we reach this block using the js add a class to it 85px and pink background, using the css property the transition effect animei do, and this example, while it is difficult to understand how to customize - Bethel.Reichert7 commented on July 5th 19 at 00:14
: more interestingly, through the stretching of the picture to make a true progress bar - Bethel.Reichert7 commented on July 5th 19 at 00:17
: codepen.io/Cyber-host/pen/QKEymP - marcelino_Emmeri commented on July 5th 19 at 00:20

Find more questions by tags CSSJavaScriptjQuery