Divide the SVG semicircle into 3 equal parts

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:

progress-bar

I have achieved this so far

enter