ゲージを表示する

スポンサーリンク

ゲージ10%
10%

ゲージ30%
30%

ゲージ50%
50%

ゲージ80%
80%

ゲージ100%
100%

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ゲージを表示する</title>
</head>
<body>
<p>ゲージ10%<br>
<meter value="10" min="0" max="100" text-align="center">10%</meter></p>
<p>ゲージ30%<br>
<meter value="30" min="0" max="100">30%</meter></p>
<p>ゲージ50%<br>
<meter value="50" min="0" max="100">50%</meter></p>
<p>ゲージ80%<br>
<meter value="80" min="0" max="100">80%</meter></p>
<p>ゲージ100%<br>
<meter value="100" min="0" max="100">100%</meter></p>
</body>
</html>