fast/forms/range/input-appearance-range.html

<!DOCTYPE html>
<body>
<!--
  You'll see
   - three horizontal sliders with various thumb positions
   - a vertical slider, and
   - a slant slider.
  The second slider has focus.
-->

<div><input type=range style="height: 30px;"></div>
<div><input type=range value=0 min=0 max=100></div>
<div><input type=range value=110 min=0 max=100></div>

<div><input type=range style="-webkit-appearance:slider-vertical; height:140px; margin-left:64px"></div>

<div><input type=range value=75 style="-webkit-transform: rotate(30deg)"></div>

<script>
document.getElementsByTagName('input')[1].focus();
</script>
</body>