首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

::-moz-progress-bar

非标准

这个功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不适用于每个用户。实现之间也可能存在大的不兼容性,并且行为在未来可能会改变。

::-moz-progress-barMozilla扩展的,表示进度条<progress>的元件。(条形图表示已经完成的进度。)

语法

代码语言:javascript
复制
::-moz-progress-bar

示例

HTML

代码语言:javascript
复制
<progress value="30" max="100">30%</progress>
<progress max="100">Indeterminate</progress>

CSS

代码语言:javascript
复制
::-moz-progress-bar {
  background-color: red;
}

/* Force indeterminate bars to have zero width */
:indeterminate::-moz-progress-bar {
  width: 0;
}

结果

上面的第一个栏应该如下所示:

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com