Adding CSS Class to loader

[ianarsenault]

I'm interested to know how to add multiple progress loaders on a component with different stroke colors. I'm running into issues adding my own stroke color to each of them.

I'm looking to do something like this

.vue-progress-path .progress-one {
  stroke: red;
}
.vue-progress-path .progress-two {
  stroke: blue;
}
.vue-progress-path .progress-three {
  stroke: green;
}

[frlzjosh]

yeah im trying to figure that out too

[frlzjosh]

found out i have to have my css classes right next to each other. So it'd be:
.progress-two.vue-progress-path becuase what you have is saying that you want to get the child of .vue-progress-path being .progress-two