How to write a slider script in native JS?

Question

JavaScript

So it goes.
There is a simple slider - a thin line and a circle that should move along this line.
The goal is to keep track of the position of the slider relative to the line.
How to approach the decision?

Answer 1

using range html5
Standard slider https://jsfiddle.net/joomla/zc9h4ftx/2/
With custom styles https://jsfiddle.net/joomla/zc9h4ftx/1/