<progress value="50" max="200"></progress>
https://jsfiddle.net/4xqetber/
当我们在大多数浏览器中更改“值”时,它会立即更改其视觉效果,但在IE11 / EDGE上它会产生缓动效果。
如果我们非常快地迭代“velue”,它会变得非常尴尬,有时我们根本看不到它。
如何使其表现得像FF或Chrome?
感谢您的帮助:)
答案 0 :(得分:0)
浏览器有一个内置的样式表,可以使某些元素以不同的方式显示和表现。检查Edge中应用的样式的简单方法是进入F12开发工具,打开元素窗格,选择您想要了解的元素(在这种情况下为progress
),最后转到样式窗格右侧的Computed
选项卡,查看正在应用于该元素的所有样式。
在这种情况下,您会发现transition-property
设置为all
。因此,设置
progress {
transition-property: none
}
为您提供您正在寻找的行为