is there a way to achieve css animation for a height measuring widget as explained in the image

Need an approach to begin with to have animation shown in below GIF. Range Slider type of component. though i have moderate experience in html/css/js iam not able to get a starting point to have this animation. I have not included any code because i am struck. a starting point or a working