Атрибут min тега <meter> — нижня межа шкали показника

HTML

<p>У цьому прикладі, Ви можете змінювати значення для властивості value та min в межах від 0 до 100 переміщаючи повзунок.</p>
<p id="text">Поточне значення value: 20</p>
<p id="text1">Поточне значення min: 0</p>
value -> <input type="range" min="0" max="100" step="1" value="20" id="range" onmousemove="f()">  <br>
min -><input type="range" min="0" max="100" step="1" value="0" id="range1" onmousemove="f()">  
<p><meter value="20" min="0" max="100" id="meter">36,6 градусов</meter></p>

CSS

*{
  text-align:center;
}

JS

function f() {
  var range = document.getElementById("range").value;
  var range1 = document.getElementById("range1").value;
  var element = document.getElementById("meter");
  var text = document.getElementById("text");
  var text1 = document.getElementById("text1");

  element.setAttribute("value", range);
  element.setAttribute("min", range1);
  text.innerHTML = "Поточне значення value:" + range;
  text1.innerHTML = "Поточне значення min:" + range1;
}
//# sourceURL=pen.js

HTML

<p>Приклад показує як змінюється заповненість в залежності від значенн min</p>
<p>min = 0, value = 50 --><meter value="50" min="0" max="100" id="meter"></meter></p>
<p>min = 10, value = 50 --><meter value="50" min="10" max="100" id="meter"></meter></p>
<p>min = 25, value = 50 --><meter value="50" min="25" max="100" id="meter"></meter></p>
<p>min = 45, value = 50 --><meter value="50" min="45" max="100" id="meter"></meter></p>

CSS

*{
  text-align:center;
}