ipsos-components/src/lib/slider/slider.html

Material Design components for Angular

<div class="mat-slider-wrapper" #sliderWrapper>
  <div class="mat-slider-track-wrapper">
    <div class="mat-slider-track-background" [ngStyle]="_trackBackgroundStyles"></div>
    <div class="mat-slider-track-fill" [ngStyle]="_trackFillStyles"></div>
  </div>
  <div class="mat-slider-ticks-container" [ngStyle]="_ticksContainerStyles">
    <div class="mat-slider-ticks" [ngStyle]="_ticksStyles"></div>
  </div>
  <div class="mat-slider-thumb-container" [ngStyle]="_thumbContainerStyles">
    <div class="mat-slider-focus-ring"></div>
    <div class="mat-slider-thumb"></div>
    <div class="mat-slider-thumb-label">
      <span class="mat-slider-thumb-label-text">{{displayValue}}</span>
    </div>
  </div>
</div>