How to make step indication?

Question

Vue.js

Hello! Good evening everyone. Tell me if there is some kind of library or how it is correctly called in the picture there is progress that changes by pressing the button next, click how to implement such a thing, are there any libraries?

Answer 1

what is it called correctly

It's called a progress bar.
Present in any self-respecting set of ui components - vuetify , bootstrap-vue , element , vue material ... You can also find a number of individual components on awesome-vue . Well, or make your own, there is nothing complicated about it: two elements divwith different background-color, one is nested in the other, the parent has a width of 100%, the child has a width depending on the current value.