Draw a circle with four horizontal empty stripes/lines inside the circle in CSS

[Mittineague]

Discussion continues at

How to make a responsive circle with transparent horizontal lines inside it in CSS?

Hello, I’m really desperate with this. I want to make a responsive circle and inside this circle will be transparent horizontal lines and you can easily change their size and positions. please, no svg Something like this: [image] Here is my code so far: (BUT it is NOT responsive, lines are NOT transparent, only good thing is that you can change lines easily with px and %): .circle { box-sizing: content-box; width: 300px; height: 300px; position: absolute; border: none; border-r…