Multiple color slider

[erperejildo]

I was checking the slider docs and despite I see how to change its color, I don't see if it's possible to have more than one like this:

Should I use css only?

[waterplea]

https://stackblitz.com/edit/angular-xgb5sxxe

[erperejildo]

Thanks, that works!
PS: The pin needs to be one of those colors? I'd need a different color for it

[waterplea]

Pin and filled part are always the same color by default. You can change its color like you would for a native slider thumb. However the halo around it when it's pressed is wired to the color of the filled part. You can change it by setting color to the ::before element.