I am trying to prototype attached png. The slider on the bottom works a little bit like a timeline in After Effects - I can move the whole element, but I can also change its width to zoom in / out the screen above the slider.
I am thinking about coding it and that's my thought process:
1) I need to corelate the width of slider element to width of elements seen above. How to make them stack accordignly? Should I use array?
2) I assume that my slider element should consider three elements:
a) Parent, that is movable
b) Left 'dragger'
c) Right 'dragger'
Is that correct?
Any advice would be way more than helpful!