<meter>

<meter>

  • <meter> comme meter | mesure
  • Affiche une jauge remplie selon une mesure
  • Les éléments saisies à l’intérieur de <meter>…</meter> ne sont pas affichés mais servent au cas où le navigateur ne serait pas compatible avec cette balise
L'attribut value est obligatoire
A ne pas confondre avec <progress> qui représente une barre de progression
Code
Aperçu dans le navigateur
<meter> utilise les attributs globaux

value

Indique la valeur actuelle de la jauge
  • Obligatoire avec la balise <meter>
  • La valeur de value doit être compris entre la valeur des attributs min et max
<meter value="nombre">
Valeur Description Infos
nombre La valeur de remplissage de la jauge
  • MDN Web Docs
  • HTML Living Standard
  • Can i use
<meter value="nombre">texte</meter>

max

Indique la valeur maximum de la jauge
La valeur de max doit être supérieur aux valeurs des attributs min, low, high et value
<meter value="nombre" max="nombre">
Valeur Description Infos
nombre
  • La valeur maximal de la jauge
  • Par defaut max=1
  • MDN Web Docs
  • HTML Living Standard
  • Can i use
<meter value="nombre" max="nombre">texte</meter>

min

Indique la valeur minimum de la jauge
La valeur de min doit être inférieur aux valeurs des attributs low, high, max et value
<meter value="nombre" min="nombre">
Valeur Description Infos
nombre
  • La valeur minimale de la jauge
  • Par defaut min=0
  • MDN Web Docs
  • HTML Living Standard
  • Can i use
<meter value="nombre" min="nombre">texte</meter>

high

  • Indique la valeur considérée comme étant élevée de la jauge
  • Lorsque la valeur de l'attribut value dépasse la valeur de l'attribut high, l'indicateur de la jauge change de couleur
La valeur de high doit être supérieur aux valeurs des attributs min et low et inférieur à la valeur de l'attribut max
<meter value="nombre" high="nombre">
Valeur Description Infos
nombre La valeur considérée comme étant élevée de la jauge
  • MDN Web Docs
  • HTML Living Standard
  • Can i use
<meter value="nombre" high="nombre">texte</meter>

low

  • Indique la valeur considérée comme étant faible de la jauge
  • Lorsque la valeur de l'attribut value n'atteint pas la valeur de l'attribut low, l'indicateur de la jauge change de couleur
La valeur de low doit être inférieur aux valeurs des attributs max et high et supérieur à la valeur de l'attribut min
<meter value="nombre" low="nombre">
Valeur Description Infos
nombre La valeur considérée comme étant faible de la jauge
  • MDN Web Docs
  • HTML Living Standard
  • Can i use
<meter value="nombre" low="nombre">texte</meter>

optimum

Indique la valeur considérée comme étant optimum de la jauge
La valeur de optimum doit être supérieur aux valeurs des attributs min et low et inférieur aux valeurs des attributs high et max
<meter value="nombre" optimum="nombre">
Valeur Description Infos
nombre La valeur considérée comme étant optimum de la jauge
  • MDN Web Docs
  • HTML Living Standard
  • Can i use
<meter value="nombre" optimum="nombre">texte</meter>
  • MDN Web Docs
  • HTML Living Standard
  • Can i use