Slider/Range Input Generator

<div class="slider-container">
  <div class="slider-labels">
    <span class="slider-label-min">0</span>
    <span class="slider-label-max">100</span>
  </div>
  <div class="slider-track">
    <div class="slider-fill"></div>
    <input
      type="range"
      class="slider-input"
      min="0"
      max="100"
      step="1"
      value="50"
      
    />
    <div class="slider-thumb-value">50</div>
    <div class="slider-tooltip">50</div>
  </div>
  <div class="slider-value">
    <span class="slider-value-display">50</span>
  </div>
  
</div>