Revision 73926 of ::-moz-progress-bar

  • Revision slug: CSS/::-moz-progress-bar
  • Revision title: ::-moz-progress-bar
  • Revision id: 73926
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment new page for bug 633209; page created, 70 words added

Revision Content

{{ CSSMozExtensionRef() }}

Summary

The ::-moz-progress-bar pseudo-element applies to the area of an HTML {{ HTMLElement("progress") }} element that represents the amount of progress that has happened so far. This lets you, for example, change the color of progress bars.

Examples

This example styles the progress meter portion of the progress bar with ID redbar with the color red.

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

See also

  • {{ HTMLElement("progress") }}

Revision Source

<p>{{ CSSMozExtensionRef() }}</p>
<h3>Summary</h3>
<p>The<code> ::-moz-progress-bar</code> pseudo-element applies to the area of an HTML {{ HTMLElement("progress") }} element that represents the amount of progress that has happened so far. This lets you, for example, change the color of progress bars.</p>
<h3>Examples</h3>
<p>This example styles the progress meter portion of the progress bar with ID <code>redbar</code> with the color red.</p>
<pre class="brush: css">#redbar::-moz-progress-bar {
  background-color: red;
}</pre>
<h2>See also</h2>
<ul> <li>{{ HTMLElement("progress") }}</li>
</ul>
Revert to this revision