meter  new : ゲージ ie

カテゴリ

デモ

<meter min=0 max=20 value=12>12cm</meter><br>
<meter min=0 max=100 value=10 low=30 high=70 optimum=100>10/100</meter><br>
<meter min=0 max=100 value=50 low=30 high=70 optimum=100>50/100</meter><br>
<meter min=0 max=100 value=80 low=30 high=70 optimum=100>80/100</meter><br>
↑この領域は編集できます(シンタックスハイライトは同期しません)。

説明

ゲージ。プログレスバーを表示したい場合はprogressを利用する。 中身はサポートしていないブラウザ向けのフォールダウンになる。

属性 属性値の見方

high[数値]
上方の閾値。
low[数値]
下方の閾値。
max[数値]
最大値。初期値は1。
min[数値]
最小値。初期値は0。
optimum[数値]
最適な値。low/high属性で区切られた領域のうち、この値がある領域が適切とみなされる。value属性値が適切な領域にあると緑、適切な領域から1つズレると黄色、2つズレると赤で表示される。
value[数値]
現在の値。例えばmin=-1、max=1、value=0の場合、ゲージは真ん中まで伸びる。