title: 3 State CSS Toggle Switch
body: <p>I have been looking around for a 3 state toggle switch but haven't had much luck.</p>
  
  <p>Basically I need a switch that has the states:
   | ON | N/A | OFF | </p>
  
  <p>The slider by default starts in the middle, and once the user slides to left or right, they can't go back to the N/A (not answered) state.</p>
  
  <p>Anyone have any idea on how to handle this?</p>