::-moz-range-progress

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Le pseudo-élément ::-moz-range-progress représente la portion de la piste d'un élément <input> de type range, qui correspond aux valeurs inférieures à la valeur sélectionnée par le curseur.

Syntaxe

::-moz-range-progress { style properties }

Exemples

CSS

input[type=range]::-moz-range-progress {
  background-color: green;
  height: 1em;
}

HTML

<input type="range" min="0" max="100" step="5" value="50"/>

Résultat

Une barre de progression mise en forme avec cette déclaration devrait ressembler à :

Spécifications

Ce pseudo-élément est un pseudo-élément propriétaire lié à Gecko/Mozilla et ne fait partie d'aucune spécification.

Compatibilité des navigateurs

Fonctionnalité Firefox (Gecko) Chrome Internet Explorer Opera Safari
Support simple (Oui) Pas de support Pas de support Pas de support Pas de support
Fonctionnalité Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Support simple (Oui) Pas de support Pas de support Pas de support Pas de support

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,