mozilla
Vos résultats de recherche

    ::-moz-progress-bar

    « CSS « Référence CSS « Extensions Mozilla

    Description

    Le pseudo-élément ::-moz-progress-bar s'appliquant à la zone d'élément HTML <progress> représente la valeur de la progression effectuée jusqu'à présent. Vous pourrez par exemple, modifier la couleur de la barre de progression.

    Le style de barre offre d'assez larges possibilités. Cela peut être particulièrement utile avec des barres de durée indéterminée (via la pseudo-classe :indeterminate), où vous pouvez modifier substantiellement l'apparence par défaut. Vous pourrez par exemple modifier sa largeur et son positionnement (nous entendons par là les dimensions et la position globales de l'élément, et pas seulement la partie peinte de l'élément, tel que représenté dans la capture d'écran ci-dessous).

    Exemples

    Cet exemple modifie une portion de la barre de progression d'ID : redbar avec une couleur rouge.

    #redbar::-moz-progress-bar {
      background-color: red;
    }

    Une barre utilisant ce style pourrait ressembler à ceci :

    redbar.png

    Voir aussi

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: teoli, Goofy, FredB, Delapouite, Zimmermann_Geoffrey
    Dernière mise à jour par : teoli,