chromium/third_party/blink/web_tests/fast/forms/range/input-appearance-range.html

<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-100">
<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="writing-mode:vertical-lr; height:140px; margin-left:64px; direction:rtl"></div>

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

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