diff options
author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:59:20 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
commit | 258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch) | |
tree | a8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/_doublecolon_-moz-progress-bar | |
parent | 149319bb8c7b1394a443f0877c3460cd362aa815 (diff) | |
download | translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2 translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip |
convert content to md
Diffstat (limited to 'files/fr/web/css/_doublecolon_-moz-progress-bar')
-rw-r--r-- | files/fr/web/css/_doublecolon_-moz-progress-bar/index.md | 48 |
1 files changed, 25 insertions, 23 deletions
diff --git a/files/fr/web/css/_doublecolon_-moz-progress-bar/index.md b/files/fr/web/css/_doublecolon_-moz-progress-bar/index.md index 51dc574676..717f75667b 100644 --- a/files/fr/web/css/_doublecolon_-moz-progress-bar/index.md +++ b/files/fr/web/css/_doublecolon_-moz-progress-bar/index.md @@ -1,47 +1,49 @@ --- title: '::-moz-progress-bar' -slug: 'Web/CSS/::-moz-progress-bar' +slug: Web/CSS/::-moz-progress-bar tags: - CSS - Non-standard - Pseudo-element - Reference -translation_of: 'Web/CSS/::-moz-progress-bar' +translation_of: Web/CSS/::-moz-progress-bar --- -<div>{{Non-standard_header}}{{CSSRef}}</div> +{{Non-standard_header}}{{CSSRef}} -<p>Le pseudo-élément <strong><code>::-moz-progress-bar</code></strong> 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.</p> +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. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe {{csssyntax}} -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="CSS">CSS</h3> +### CSS -<pre class="brush: css">#redbar::-moz-progress-bar { +```css +#redbar::-moz-progress-bar { background-color: red; -}</pre> +} +``` -<h3 id="HTML">HTML</h3> +### HTML -<pre class="brush:html;"><progress id="redbar" value="30" max="100">30 %</progress></pre> +```html +<progress id="redbar" value="30" max="100">30 %</progress> +``` -<h3 id="Résultat">Résultat</h3> +### Résultat -<p>{{EmbedLiveSample('Exemples')}}</p> +{{EmbedLiveSample('Exemples')}} -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> +Ce pseudo-élément est un pseudo-élément propriétaire lié à Gecko/Mozilla et ne fait partie d'aucune spécification. -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{HTMLElement("progress")}}</li> - <li>{{cssxref("::-ms-fill")}}</li> - <li>{{cssxref("::-webkit-progress-bar")}}</li> - <li>{{cssxref("::-webkit-progress-value")}}</li> - <li>{{cssxref("::-webkit-progress-inner-element")}}</li> -</ul> +- {{HTMLElement("progress")}} +- {{cssxref("::-ms-fill")}} +- {{cssxref("::-webkit-progress-bar")}} +- {{cssxref("::-webkit-progress-value")}} +- {{cssxref("::-webkit-progress-inner-element")}} |