<progress value="50" max="200"></progress>
https://jsfiddle.net/4xqetber/défaut Effacer <progress> « facilité » dans IE11/EDGE
Lorsque nous changeons la « valeur » dans la plupart des navigateurs, il change instantanément visuelle, mais IE11/EDGE, il a un effet d'accélération.
Si on fait très vite la "vélue", cela devient très gênant et parfois on ne voit rien du tout. Comment puis-je me comporter comme FF ou Chrome?
Merci pour l'aide :)
Browsers ont construit dans la feuille de style pour faire certains éléments et de son comportement de différentes façons. Un moyen facile de vérifier quels styles sont appliqués dans Edge est d'aller dans les outils de développement F12, ouvrez le volet Éléments, sélectionnez l'élément que vous voulez en savoir plus (le progress un, dans ce cas), et enfin aller à l'onglet Computed sur le côté droit de la fenêtre Styles pour voir tous les styles qui sont appliqués à cet élément. Dans ce cas, vous constaterez que transition-property est défini sur all. Par conséquent, la mise en
progress {
transition-property: none
}
vous obtient le comportement que vous recherchez
En théorie, en utilisant la 'pseudo-élément :: ms-fill' devrait vous permettre de supprimer l'animation, mais je ne vois pas ça marche dans la pratique. https://msdn.microsoft.com/en-us/library/hh772236(v=vs.85).aspx – ajm
J'ai essayé cela aussi, sans succès :) –