how to have vertical slider code example
Example 1: vertical slider html
<!--
For Firefox: orient="vertical"
For Chrome & Safari: -webkit-appearance: slider-vertical
For IE: writing-mode: bt-lr
-->
<!-- Example range slider -->
<input
type="range"
min="0" max="100"
value="50"
class="vertical"
orient="vertical"
style="-webkit-appearance: slider-vertical;
writing-mode: bt-lr;"
>
<!-- ***PLEASE NOTE***
The -webkit-appearance property is non-standard,
so it's behaviour may change across different browsers
-->
Example 2: adding vertical sliders in css
overflow-y: scroll;