1887539.html (669B)
1 <!doctype html> 2 <style> 3 #scrubber { 4 height: 100px; 5 width: 100%; 6 appearance: none; 7 background-color: black; 8 box-sizing: border-box; 9 padding: 6px 2px; 10 margin: 0; 11 12 &::-moz-range-thumb { 13 border-radius: 14px; 14 background-color: #BFBFC9; 15 width: 8px; 16 height: 8px; 17 border: 3px solid white; 18 padding: 0; 19 } 20 21 &::-moz-range-track { 22 background-color: #969696; 23 } 24 25 &::-moz-range-progress { 26 background-color: white; 27 } 28 } 29 </style> 30 <input type="range" id="scrubber" value="0" min="0" max="1" step=".001"> 31 <script> 32 let scrubber = document.getElementById('scrubber'); 33 scrubber.getBoundingClientRect(); 34 scrubber.value = 0.5; 35 </script>