@collab-ui/core/scss/components/slider/examples/default.html

Cisco Collab UI CSS Framework

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