2017-08-31 4 views
1
<progress value="50" max="200"></progress> 

https://jsfiddle.net/4xqetber/クリアデフォルト<progress>私たちは、ほとんどのブラウザで「値」を変更すると、それは瞬時にそのビジュアルを変更しますが、IE11/EDGEに、それは緩和効果を持つIE11/EDGEに

を「緩和」。

"velue"を非常に迅速に反復すると非常に扱いにくくなり、時にはそれがまったく起こらないことがあります。

これをFFやChromeのように動作させるにはどうすればよいですか?助けのための

感謝:)

+0

を探している動作を取得し、 ':: MS-fill'擬似要素は、アニメーションを削除できるようにする必要がありますが、私は見ていませんよそれは実際に働く。 https://msdn.microsoft.com/en-us/library/hh772236(v=vs.85).aspx – ajm

+0

これも試してみてください:) –

答えて

0

ブラウザは、特定の要素が見えるようにと、さまざまな方法で行動するスタイルシートに内蔵されています。 Edgeで適用されているスタイルを確認する簡単な方法は、F12開発ツールに入り、Elementsペインを開き、詳細を知りたい要素(この場合はprogress)を選択してから最後に移動しますスタイルペインの右側にあるComputedタブをクリックすると、そのエレメントに適用されているすべてのスタイルが表示されます。

この場合、transition-propertyallに設定されています。したがって、

progress { 
transition-property: none 
} 

設定して使用して、あなたは理論的には

関連する問題