KOMPOOS.NL

meter tag - HTML5

home » manuals » html5 » meter.html

sitemap | terug naar het html5 referentie - tags - overzicht


voorbeeld meter tag

60%

uitleg meter tag

Als hierboven een "kale" 60% (als tekst) staat, wil dat zeggen dat jouw browser geen ondersteuning geeft voor het meter-gebeuren. Als jouw browser de meter-tag wél ondersteunt is commentaar van mijn zijde overbodig... Een perfecte glossy balk met de juiste percentage-weergave (in kleur). Om de meter-tag op jouw web-pagina te gebruiken moet je de hieronderstaande html-code ergens in de body-sectie plaatsen, en eventueel kan je de "meter" stylen met de stylesheet die onder de voorbeeld-html-code is geplaatst.

html-code voor de meter tag


<meter value="60" max="100" class="meter_tag"></meter><small>60%</small>

stylesheet om de meter-tag te "stylen"


<style type="text/css">
        .meter_tag{width:400px;margin-right:10px;}
</style>