Hopefully someone can point me in the right direction. I'm sure there's a fairly simple solution but i've yet to find an example (probably too remedial!).
I have an infographic where animated elements are controlled by a timeline slider. That part works fine.
What I need to do now is have two text items update using the same slider.
For example, first item has a minimum text value of 47 (always whole integers), a maximum of 91 (range?) - so when the slider handle is all the way to the left the html text reads 47, all the way to the right reads 91 and movement of the handle in-between the two extents +/- the text value. The second item is exactly the same however uses a different range (0.9M > 2.3M)
The CodePen (linked) is similar to what I want however the value it is based upon time rather than set min/max values.
Hope that makes sense. Happy to cobble together a more relevant CodePen if needed.
Thanks in advance for any help / pointers / codepen examples!