::-webkit-progress-bar

这篇翻译不完整。请帮忙从英语翻译这篇文章

非标准
该特性是非标准的,请尽量不要在生产环境中使用它!

概述

::-webkit-progress-bar CSS 伪元素 表示 <progress> 元素的整个条形. 通常在条形值没有达到满值时可以见到,::-webkit-progress-value 伪元素代表值的条形.::-webkit-progress-bar::-webkit-progress-inner-element伪元素的子元素,同时是::-webkit-progress-value 伪元素的父级元素。

Note: 为了能让::-webkit-progress-value起作用, -webkit-appearance 需要添加至 <progress> 元素.

Specifications

Not part of any specification. This is a proprietary pseudo-element specific to WebKit/Blink.

Example

CSS content

progress {
  -webkit-appearance: none;
}

::-webkit-progress-bar {
   background-color: orange;
}

HTML content

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

Output

A progress bar using the style above would look like this:

Browser compatibility

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support 未实现 (Yes) 未实现 (Yes) (Yes)
Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Basic support 未实现 (Yes) 未实现 (Yes) (Yes)

See also

文档标签和贡献者

 此页面的贡献者: smilewalker
 最后编辑者: smilewalker,