I want to create these arcs through css such that upon hovering it changes it’s color to green from grey.
I want these arcs to be dynamic so that it fits in it’s parent container and adjusts itself.

It’s awfully painful to make these arcs in a single line, coz these are basically some part of the circle. So the center keeps shifting.
Any idea on how this can be achieved?