meter - Český HTML 5 manuál

Tag <meter> v HTML 5 označuje měřič, který zobrazuje určitou část z celku. Je funkčně podobný elementu progress, ale narozdíl od něj se nepoužívá k zobrazení vykonané práce (pokroku). Používá se k zobrazení všeho ostatního, tedy např. volného místa ve složce uživatele nebo zbývajících dnů premiového účtu.

Element je párový a obaluje alternativní obsah, který se zobrazí, pokud není prohlížečem podporován.

Atributy

Můžeme specifikovat následující atributy:

• form - Určuje, do kterého formuláře element patří, hodnotou je id formuláře. Atribut není povinný, protože meter nemusí být ve formuláři.
• high - Určuje od kolika je hodnota považována jako vysoká.
• low - Určuje do kolika je hodnota považována jako nízká.
• max - Maximální hodnota.
• min - Minimální hodnota.
• optimum - Optimální hodnota.
• value - Současná hodnota měřiče.

Ukázka použití

Element můžeme vložit pouze zadáním atributu value:

Využití webového prostoru<br />
<meter value="0.7">70%</meter>

Výsledek:

Nebo můžeme zadat více atributů:

Zbývá vám 10 pozvánek<br />
<meter value="10" min="1" max="15">10 z 15</meter>

Výsledek: