title: How to create an number line control?
body: <p>I'm planning to create a number-line control similar to the image below (only one of them):</p>
  
  <p><img src="https://i.stack.imgur.com/BQrHx.gif" alt="enter image description here"></p>
  
  <p>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).</p>
  
  <p>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.</p>
  
  <p>Do you know if there's a similar control on the web? </p>