search

Akryum / vue-progress-path

Progress bars and loading indicators for Vue.js
https://akryum.github.io/vue-progress-path/
423 stars 37 forks source link

Adding CSS Class to loader #4

Open ianarsenault opened 6 years ago

ianarsenault commented 6 years ago

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 commented 5 years ago

yeah im trying to figure that out too

frlzjosh commented 5 years ago

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