@momentum-ui/react-collaboration/scss/components/slider/examples/two-handles.html

Cisco Momentum UI Framework for React Collaboration Applications

<div class="md-slider ">
  <span class="md-slider__bar"></span>
  <span class="md-slider__selection" style="width: 23.2%; left: 19.8%;"></span>
  <div class="md-slider__pointer" role="button" tabindex="0" style="left: calc(19.8%);"></div>
  <div class="md-slider__pointer" role="button" tabindex="0" style="left: calc(43%);"></div>
  <div>
    <span class="md-slider__hashlabel" style="left: calc(0% - 5px);">0</span>
    <span class="md-slider__hashlabel" style="left: calc(20% - 14.5px);">100</span>
    <span class="md-slider__hashlabel" style="left: calc(40% - 14.5px);">200</span>
    <span class="md-slider__hashlabel" style="left: calc(60% - 14.5px);">300</span>
    <span class="md-slider__hashlabel" style="left: calc(80% - 14.5px);">400</span>
    <span class="md-slider__hashlabel" style="left: calc(100% - 14.5px);">500</span>
  </div>
</div>