Почему в браузерах нет кросс-браузерной поддержки стилизации прогресс-бара для слайдера диапазона?

Отсутствие кросс-браузерной поддержки стилизации прогресс-бара для слайдера диапазона связано с различиями в реализации веб-компонентов в разных браузерах. 25

Каждый браузер отображает элемент ввода с типом «range» по-своему, поэтому для создания целостного внешнего вида необходимо использовать специфичные префиксы свойств. 5

Например, в браузерах на движке WebKit (например, Chrome и Safari) используют префикс -webkit, в Firefox — префикс -moz, в Internet Explorer стили задаются через -ms. 3

Кроме того, элементы и стили слайдера внутри браузеров скрыты в теневом DOM, что также влияет на сложность стилизации. 2

Для обхода этих ограничений можно использовать, например, добавление ползунку границы в виде градиента в свойстве border-image. 1