Отслеживай через js событие изменения значения у rage и листай на соответствующий слайд.
Методы у бустраповского слайдера для этого есть смотри тут: https://getbootstrap.com/docs/4.0/components/carousel/

А еще, если предполагается, что это декоративный элемент и он просто должен так выглядеть, то можно через css эти исходные полоски через css опустить ниже и подправить так, чтобы они состыковались в плотную. А активный выделить. Тогда визуально будет точно так же и даже работать будет. Только не перетаскиванием, а кликами.