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

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

HTML content

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

Output

A progress bar using this style might look something like this:

Progress Bar with Orange Fill

Syntax  

::-ms-fill { style properties }

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