CSS - ::-ms-fill
The ::-ms-fill
CSS pseudo-element represents the filled-in portion of a <progress>
element. This pseudo-element is non-standard and specific to Internet Explorer 10+, hence the vendor prefix.
Example
CSS content
CSS
Copy Code
progress::-ms-fill { background-color: orange; }
HTML content
HTML
Copy Code
<progress value="10" max="50">
Output
A progress bar using this style might look something like this:
Syntax
CSS
Copy Code
::-ms-fill { <var>style properties</var> }
Description
The ::-ms-fill
CSS pseudo-element represents the filled-in portion of a <progress>
element. This pseudo-element is non-standard and specific to Internet Explorer 10+, hence the vendor prefix.
Browser Compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | No support | No support | 10.0 | No support | No support |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | No support | No support | ? | No support | No support |
See Also
Specifications
Not part of any specification. Microsoft has a description on MSDN.
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/::-ms-fill