Input range - How to draw labels?

Question

css

Faced such task: It is
necessary to add labels to input range.
As on a thermometer for measuring temperature, only these marks should be in a horizontal input not inside at the bottom with the designation of values.
For example, this image:

Medium input, here is an example of what I need.
There is a simple input with minimum, maximum and step values.
Tell me where to read, watch, maybe you can show an example ...?
Thanks in advance!

Answer 1

For example, we need 10 dashes and we have 10 input values, the
dash can be made into a div or an image...
if the input values ​​contain something like 10 20 30 40, that is, the interval is the same, then the indents will be the same and we just adjust the dashes so that they are center in relation to the value in the input ...
if they are different for you, then the task is solved a little differently .... if necessary, I will also tell