blob: 717f75667bca7b22ee905d3f842bfd5bdb664ab3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
---
title: '::-moz-progress-bar'
slug: Web/CSS/::-moz-progress-bar
tags:
- CSS
- Non-standard
- Pseudo-element
- Reference
translation_of: Web/CSS/::-moz-progress-bar
---
{{Non-standard_header}}{{CSSRef}}
Le pseudo-élément **`::-moz-progress-bar`** s'appliquant à la zone d'élément HTML {{HTMLElement("progress")}} représente la valeur de la progression effectuée jusqu'à présent. Vous pourrez par exemple, modifier la couleur de la barre de progression.
## Syntaxe
{{csssyntax}}
## Exemples
### CSS
```css
#redbar::-moz-progress-bar {
background-color: red;
}
```
### HTML
```html
<progress id="redbar" value="30" max="100">30 %</progress>
```
### Résultat
{{EmbedLiveSample('Exemples')}}
## Spécifications
Ce pseudo-élément est un pseudo-élément propriétaire lié à Gecko/Mozilla et ne fait partie d'aucune spécification.
## Voir aussi
- {{HTMLElement("progress")}}
- {{cssxref("::-ms-fill")}}
- {{cssxref("::-webkit-progress-bar")}}
- {{cssxref("::-webkit-progress-value")}}
- {{cssxref("::-webkit-progress-inner-element")}}
|
