I have a Vue.js application and I need to create a progress bar. I’m using SVG because other options won’t work. How can I divide an SVG semicircle into equal parts? I get a solid line. I tried to manipulate the stroke-dasharray attribute, but it didn’t work.
I need to get this look:
I have achieved this so far