Я просто хочу уточнить, что это только CSS исправление. Ссылка выше, безусловно, посвящена тому, как концептуализировать и затем стилизовать элемент прогресса или диапазона.
Для React существуют маршруты, которые вы могли бы go на основе значения ползунка в процентах, даже используя styled-components. Тем не менее, этот ответвление представляет собой простое задание копирования-вставки из ресурса, на который я ссылался выше на прошлой неделе. Стиль отличается, но вы можете настроить его под свои нужды. Я бы посоветовал поискать правила и селекторы, чтобы понять, как они соотносятся, на что они конкретно влияют, и как вы можете затем настроить их под себя.