`::-moz-progress-bar` CSS псевдоэлемент

Экспериментальная технология: Это экспериментальная технология
Перед использованием в рабочей среде внимательно ознакомьтесь с таблицей совместимости с браузерами.

Нестандартная функция: эта функция не является стандартной и не входит в план стандартизации. Не используйте её на веб-сайтах, доступных в Интернете: она будет работать не у всех пользователей. Кроме того, между реализациями могут быть значительные различия, а поведение может измениться в будущем.

::-moz-progress-bar CSS-псевдоэлемент является расширением Mozilla, которое представляет индикатор выполнения внутри элемента <progress>. (Индикатор показывает достигнутый прогресс.)

Если вы хотите выбрать незаполненную часть элемента <progress> в Mozilla, выберите непосредственно сам элемент <progress>.

Синтаксис

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

Примеры

HTML

<progress value="30" max="100">30%</progress>
<progress max="100">Indeterminate</progress>

CSS

::-moz-progress-bar {
  background-color: red;
}

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

Результат

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`-moz-progress-bar`	Нет	Нет	6	Нет	Нет	Нет	6	Нет	Нет	Нет	Нет	Нет

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-moz-progress-bar