@material-git/all/slider/slider.html

Angular 2 Material

<div class="md-slider-wrapper">
  <div class="md-slider-container"
       [class.md-slider-sliding]="isSliding"
       [class.md-slider-active]="isActive"
       [class.md-slider-thumb-label-showing]="thumbLabel">
    <div class="md-slider-track-container">
      <div class="md-slider-track"></div>
      <div class="md-slider-track md-slider-track-fill"></div>
      <div class="md-slider-tick-container"></div>
      <div class="md-slider-last-tick-container"></div>
    </div>
    <div class="md-slider-thumb-container">
      <div class="md-slider-thumb-position">
        <div class="md-slider-thumb"></div>
        <div class="md-slider-thumb-label">
          <span class="md-slider-thumb-label-text">{{value}}</span>
        </div>
      </div>
    </div>
  </div>
</div>