Radial progress in css

Question

Radial progress

Sololearn has this one progress that looks like a circle and is divided into 5 skills and then the percentage text inside each part of the circle. if you dont know what i mean just look at the bottom of your profile :)

now my question:

how can I create the exact same with the code ive already wrote here:

https://code.sololearn.com/WcUGgXylTCz3/?ref=app
https://code.sololearn.com/WEAUbIACkTeG/?ref=app

Answer 1

Done with pure HTML/CSS :

https://code.sololearn.com/WCKe47rkyXxW/?ref=app

Answer 2

thank you for your help this one is really good

Answer 3

Hi Julien
Much easier using SVGs.
you can create graphics in an editor.
have a look at my dive watch
https://code.sololearn.com/W83YJn5p0VmT/?ref=app

Answer 4

Thank you for your answer