Lautstärkeregler mit Lichtring

<div class="uv-mvk"><div class="kn" role="slider" tabindex="0" aria-label="Lautstärke" aria-valuemin="0" aria-valuemax="100" aria-valuenow="40"><svg class="ds" viewBox="0 0 120 120" aria-hidden="true"><circle cx="21.82" cy="98.18" r="2.6"/><circle cx="15.10" cy="90.00" r="2.6"/><circle cx="10.11" cy="80.66" r="2.6"/><circle cx="7.04" cy="70.53" r="2.6"/><circle cx="6.00" cy="60.00" r="2.6"/><circle cx="7.04" cy="49.47" r="2.6"/><circle cx="10.11" cy="39.34" r="2.6"/><circle cx="15.10" cy="30.00" r="2.6"/><circle cx="21.82" cy="21.82" r="2.6"/><circle cx="30.00" cy="15.10" r="2.6"/><circle cx="39.34" cy="10.11" r="2.6"/><circle cx="49.47" cy="7.04" r="2.6"/><circle cx="60.00" cy="6.00" r="2.6"/><circle cx="70.53" cy="7.04" r="2.6"/><circle cx="80.66" cy="10.11" r="2.6"/><circle cx="90.00" cy="15.10" r="2.6"/><circle cx="98.18" cy="21.82" r="2.6"/><circle cx="104.90" cy="30.00" r="2.6"/><circle cx="109.89" cy="39.34" r="2.6"/><circle cx="112.96" cy="49.47" r="2.6"/><circle cx="114.00" cy="60.00" r="2.6"/><circle cx="112.96" cy="70.53" r="2.6"/><circle cx="109.89" cy="80.66" r="2.6"/><circle cx="104.90" cy="90.00" r="2.6"/><circle cx="98.18" cy="98.18" r="2.6"/></svg><div class="cap"><i></i></div></div><output class="v">40</output><span class="lb">Lautstärke</span></div>