Lets Make a Multi-Thumb Slider That Calculates The Width Between Thumbs

HTML has an <input type="range">, which is, you could argue, the simplest type of proportion slider. Wherever the thumb of that slider ends up could represent a proportion of whatever is before and whatever is after it (using the value and max attributes). Getting fancier, its possible to build a multi-thumb slider. But weve got another thing in mind today a proportion slider with multiple thumbs, and sections that cannot overlap.

Heres what well be building today:

CodePen… Read article “Let’s Make a Multi-Thumb Slider That Calculates The Width Between Thumbs”

The post Let’s Make a Multi-Thumb Slider That Calculates The Width Between Thumbs appeared first on CSS-Tricks.