html тег <meter> атрибут value

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;
}

HTML

<p>У цьому прикладі, Ви можете змінювати значення для властивості value в межах від 0 до 1000 переміщаючи повзунок.</p>
<p id="text">Поточна загруженість: 20</p>
<input type="range" min="0" max="100" step="1" value="20" id="range" 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 element = document.getElementById("meter");
  var text = document.getElementById("text");

  element.setAttribute("value", range);
  text.innerHTML = "Поточна загруженість:" + range;
}
//# sourceURL=pen.js