<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<meter id='m1' value="0.1" low="0" optimum="0.5" high="1" min="0" max="1"></meter>
<meter id='m2' value="0.1" low="0.3" optimum="0.7" high="1" min="0" max="1"></meter>
<meter id='m3' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
<meter id='m4' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
<meter id='m5' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
<meter id='m6' value="0.1" low="0.3" optimum="0.7" high="0.5" min="0" max="1"></meter>
<script>
var m = document.getElementById('m1');
m.setAttribute("low",0.3);
m = document.getElementById('m2');
m.setAttribute("high",0.5);
m = document.getElementById('m3');
m.setAttribute("value",0.4);
m = document.getElementById('m4');
m.setAttribute("optimum",0.1);
m = document.getElementById('m5');
m.setAttribute("min",0.9);
m = document.getElementById('m6');
m.setAttribute("max",0.5);
</script>
</body>
</html>