Based on a Dribbble by Stan Yakusevich. Drag the range thumb to see the effect.
Works best on Chrome (desktop and mobile), and Safari on iPad (oddly enough). Works decently in Firefox, but only because I added a fallback. Click the switch to reveal the real HTML5 range input.