How do you make this thing ?

Question

You know this thing that kind of looks like this. -------------o-----

It Changes (Increase / decrease) the value of things as you drag. For example:
Width:
This Is Value of width 0:
o--------.
And this would be max:
---------o.
And this would be 50%:
------o------

^ Those are just Imaginary pictures.

So, If its not so difficult, I want a code, so i can play and experiment with It.
In this case let' use width.
It Changes width from 0% to 100%.

This Is kind of what those Imaginary picture are like:

https://code.sololearn.com/WJly9ZuywWBU/?ref=app
Thx!

Answer 1

Range Sliders?

https://www.w3schools.com/howto/howto_js_rangeslider.asp

Answer 2

Chris C. yup, that's exactly what i'm talking about.

Answer 3

check out my color picker, coded 2 years ago.
https://code.sololearn.com/WPN1nDX3v0O9/?ref=app