<html>
<head>
<script>
if (window.testRunner)
testRunner.notifyDone();
</script>
</head>
<body style="overflow:hidden;">
<h1>Meters with various optimums</h1>
<p>(min=0, max=1000, low=300, high=600)</p>
<h2>optimum=450</h2>
<ul>
<li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="450" value="250" ></meter></li>
<li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="450" value="450" ></meter></li>
<li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="450" value="750" ></meter></li>
<li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="450" value="0" ></meter></li>
<li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="450" value="1000" ></meter></li>
</ul>
<h2>optimum=150</h2>
<ul>
<li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="150" value="250" ></meter></li>
<li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="150" value="450" ></meter></li>
<li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="150" value="750" ></meter></li>
<li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="150" value="0" ></meter></li>
<li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="150" value="1000" ></meter></li>
</ul>
<h2>optimum=750</h2>
<ul>
<li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="750" value="250" ></meter></li>
<li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="750" value="450" ></meter></li>
<li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="750" value="750" ></meter></li>
<li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="750" value="0" ></meter></li>
<li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="750" value="1000" ></meter></li>
</ul>
</body>
</html>