1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. ::-moz-progress-bar

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

::-moz-progress-bar

非标准: 该特性尚未标准化。我们不建议在生产环境中使用非标准特性,因为它们在浏览器中的支持有限,且可能发生变化或被移除。不过,在没有标准选项的特定情况下,它们可以作为合适的替代方案。

::-moz-progress-bar CSS 伪元素是用于表示 <progress> 元素中的进度条(此进度条表示已完成的进度)的 Mozilla 扩展

如果你想在 Mozilla 中选择 <progress> 的未完成部分,请直接选择 <progress> 元素。

语法

css
::-moz-progress-bar {
 /* ... */
}

示例

HTML

html
<progress value="30" max="100">30%</progress>
<progress max="100">未确定</progress>

CSS

css
::-moz-progress-bar {
 background-color: red;
}
/* 使不确定进度的进度条宽度强制设置为零 */
:indeterminate::-moz-progress-bar {
 width: 0;
}

结果

规范

不属于任何规范。

浏览器兼容性

参见

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

AltStyle によって変換されたページ (->オリジナル) /