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 ::-ms-fill représente la partie « remplie » d'un élément <progress>. Ce pseudo-élément n'est pas standard et est spécifique à Internet Explorer 10+.

Syntaxe

::-ms-fill

Spécifications

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

Seules les propriétés suivantes peuvent être utilisées avec ::-ms-fill :

 

 

Barres de progression indéterminée et animation-name

Par défaut, Internet Explorer affiche les éléments <progress> ayant un état indéterminé avec des points qui se déplacent. (Note : les éléments <progress> dans un état indéterminés sont ceux qui n'ont pas d'attribut value, ils peuvent être sélectionnés grâce à la pseudo-classe :indeterminate.

En utilisant animation-name sur ::-ms-fill, on peut modifier l'animation :

Valeur Description
none L'animation est désactivée, aucun point n'est affiché.
-ms-bar Les points animés sont affichés sous la forme d'une barre.
-ms-ring Les points animés sont affichés sous la forme d'un anneau.

Exemples

CSS

progress::-ms-fill {
  background-color: orange;
}

HTML

<progress value="10" max="50">

Résultat

Une barre de progression mise en forme avec cette feuille de style devrait ressembler à :

Progress Bar with Orange Fill

Compatibilité des navigateurs

Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Support simple Pas de support Pas de support (Oui) 10.0 Pas de support Pas de support
Fonctionnalité Android Firefox Mobile (Gecko) Edge IE Mobile Opera Mobile Safari Mobile
Support simple Pas de support Pas de support (Oui) ? 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,