prysm/svg/molecules/slider-range.svg

image
ฯ€ 0.0% 55 words ยท 1 min 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 20" width="200" height="20">
  <!-- 0-atoms/slider/range โ€” interactive range selector -->
  <!-- prysm atom, acid palette -->
  <g id="slider-range">
    <rect id="track-bg" x="0" y="8" width="200" height="2" rx="1" fill="#4b4b4d"/>
    <rect id="track-fill" x="0" y="8" width="120" height="2" rx="1" fill="#00fe00"/>
    <circle id="handle" cx="120" cy="9" r="7" fill="#00fe00"/>
    <circle id="handle-inner" cx="120" cy="9" r="3" fill="#000000"/>
  </g>
</svg>

Neighbours