::-moz-range-progress

Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.

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.

Note : Si ::-moz-range-progress est utilisé sur autre chose qu'un élément <input type="range">, il n'aura aucun effet.

Syntaxe

Error: could not find syntax for this item

Exemples

HTML

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

CSS

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

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

Voir aussi