Active Stage Progress Bar

I want to show the active stage of a progress bar using vue.js. Something like the attached image so that I don’t have to create a separate progress bar for each stage and it can dynamically change based on my page number which is stored as model.page

How would I bind classes to show each stage?

Let me whip up a modern example …