Range sliders

Hi there,
I’ve been building a range slider based on a great YouTube video I found called ‘How to hack a slider with auto layout’ by Danny Sapio, as part of a design system I am working on. I like this approach and it does work and now my colleague would like to add ‘indicator marks’ to this slider. I think that’s a great idea, but I have no idea about how this can be done to keep this level of interactivity. The only way that comes to mind is that it cannot really be done this way but drawn out more simply, therefore loosing this interactive scrubbing element. Does anyone have any ideas?

I’ve managed to create one using different blend modes for the fills. This makes it difficult to get the exact colors you might want but it’s doable.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.