I’m planning to create a number-line control similar to the image below (only one of them):

I’m creating a program where the children can detect where’s the position’s number. I mean, instruct them to write the number 4 (and the boy writes a vertical line).
The idea is when the cursor is on the control, it shows a vertical line. And when the user presses OK, returns with an event the X position and hold it the line.
Do you know if there’s a similar control on the web?
Just use a Slider with a new template.
How to Create/Apply a Slider Template