input-range-scss
input-range-scss copied to clipboard
Add progress color
Add functionality to show a progress-bar color
<input type="range" />
<input type="range" value="50" max="100" style="--progress: 50%" />
$progress-color: #ABE188;
$progress-value: var(--progress);
Also enable thumb's background-image
$thumb-background: url("/images/icons/home--custom-slider-thumb.svg");