Comment afficher une barre de mesure sur votre page Web - mannequins

valeur: La valeur mesurée actuelle pour votre mètre

• élevé: indique une valeur élevée pour les lectures sur ce mètre

• bas: indique une valeur considérée comme faible pour les mesures sur ce compteur

• max: définit la limite supérieure pour les lectures sur ce compteur et son affichage

• min: définit la limite inférieure pour lectures sur ce compteur et son affichage

• optimum: Indique une valeur considérée comme optimale pour les mesures sur ce compteur

• Voici un exemple de balisage complètement trompé, montré dans la figure affichée dans Chrome:

La figure montre le compteur dans le contexte d'un fichier HTML complet, avec un peu de CSS pour déclencher l'affichage du compteur. La valeur actuelle du compteur tombe juste en dessous de la marque de mi-parcours optimale.

Les attributs haut, bas et optimum ainsi que le texte compris entre les balises d'ouverture et de fermeture n'apparaissent pas dans l'affichage du compteur. Il est probablement préférable de considérer cette information comme une sorte de documentation intégrée pour aider à expliquer le fonctionnement du compteur.

Pour une belle démo d'un compteur au travail (lorsque vous tapez dans une zone de texte, le nombre de caractères augmente et la barre de compteur verte s'allonge), visitez JSFIDDLE.

Ce qui suit est un extrait de balisage HTML qui montre trois barres de mesure différentes: une pour la consommation d'espace de stockage, une pour le taux de participation et une pour les billets vendus. Ne vous en moquez pas trop: c'est juste un exemple artificiel.

Utilisation de l'espace de stockage: 6 blocs utilisés (sur un total de 8)

Taux de participation:
Billets vendus: