How to display numeric memory under the slider bar?


This Content is from Stack Overflow. Question asked by Leaner

I’m making sliders bar.
I want to put a memory like 0 1 2 3 4 under the slider like in the picture
Same as bar length.

Ideal one
enter image description here


enter image description here

How can I make it look like the ideal?

My code is like this now.

          <input className="col-8" type="range" name="speed" min="0" max="100" 
          value={brightness_value} onChange={handleSliderChange}></input><br></br>
          <p>0 1 2 3 4</p>


This question is not yet answered, be the first one who answer using the comment. Later the confirmed answer will be published as the solution.

This Question and Answer are collected from stackoverflow and tested by JTuto community, is licensed under the terms of CC BY-SA 2.5. - CC BY-SA 3.0. - CC BY-SA 4.0.

people found this article helpful. What about you?