4.09. HTML 5 adatok megjelenítése

A HTML 5-ben új funkciók jelentek meg, amelyekkel adatokat a korábbiaknál könnyebben lehet megjeleníteni szabványosan:

Minimális, maximális értékek megadásával

 50 : százból 50 pont
100 : százból 100 pont
 13 : százból 13 pont
  0 : a százból 0 pont

Százalékos formában

80% : 80%
10% : 10%

50 : <meter max="100" min="0" value="60">százból 50 pont</meter><br />
100 : <meter max="100" min="0" value="100">százból 100 pont</meter><br />
13 : <meter max="100" min="0" value="13">százból 13 pont</meter><br />
0 : <meter max="100" min="0" value="0">a százból 0 pont</meter></p>

<h3>Százalékos formában</h3>

80% : <meter title="Az eredmény: 80%" value="0.8">80%</meter><br />
10% : <meter title="Az eredmény: 10%" value="0.1">10%</meter></p>

Folyamatok pillanatnyi állapota

11% : 87%
87% : 87%
64% : 64%

11% : <progress max="100" value="11">87%</progress><br />
87% : <progress max="100" value="87">87%</progress><br />
64% : <progress max="100" value="13">64%</progress>

Ezeket az értékeket főleg a value értékeket javascriptből módosítva lehet vizuálisan változó html oldalt előállítani.