diff options
author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:58:15 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
commit | 149319bb8c7b1394a443f0877c3460cd362aa815 (patch) | |
tree | d534abb0cbc87d5e224836e9d6b888aa58564aa0 /files/fr/web/css/_doublecolon_-webkit-progress-bar/index.html | |
parent | eb9de0363cb273b54d3f5402bbf4e3bc03c60971 (diff) | |
download | translated-content-149319bb8c7b1394a443f0877c3460cd362aa815.tar.gz translated-content-149319bb8c7b1394a443f0877c3460cd362aa815.tar.bz2 translated-content-149319bb8c7b1394a443f0877c3460cd362aa815.zip |
move *.html to *.md
Diffstat (limited to 'files/fr/web/css/_doublecolon_-webkit-progress-bar/index.html')
-rw-r--r-- | files/fr/web/css/_doublecolon_-webkit-progress-bar/index.html | 64 |
1 files changed, 0 insertions, 64 deletions
diff --git a/files/fr/web/css/_doublecolon_-webkit-progress-bar/index.html b/files/fr/web/css/_doublecolon_-webkit-progress-bar/index.html deleted file mode 100644 index 9fc489d9c2..0000000000 --- a/files/fr/web/css/_doublecolon_-webkit-progress-bar/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: '::-webkit-progress-bar' -slug: Web/CSS/::-webkit-progress-bar -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: Web/CSS/::-webkit-progress-bar ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-webkit-progress-bar</code></strong> représente l'ensemble de la barre d'un élément {{HTMLElement("progress")}}. Normalement, celui-ci n'est visible que pour la partie de la barre qui n'est pas remplie car, par défaut, il est affiché sous le pseudo-élément {{cssxref("::-webkit-progress-value")}}. C'est un pseudo-élément fils du pseudo-élément {{cssxref("::-webkit-progress-inner-element")}} et c'est le pseudo-élément parent du pseudo-élément {{cssxref("::-webkit-progress-value")}}.</p> - -<div class="note"> -<p><strong>Note :</strong> Afin que <code>::-webkit-progress-value</code> ait un effet, il faut que {{cssxref("appearance")}} vaille <code>none</code> sur l'élément <code><progress></code>.</p> -</div> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">progress { - -webkit-appearance: none; -} - -::-webkit-progress-bar { - background-color: orange; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><progress value="10" max="50"> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 200, 50)}}</p> - -<p>Une barre de progression avec la mise en forme ci-avant sera affichée de cette façon :</p> - -<p><img alt="" src="progress-bar.png"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à WebKit/Blink et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("css.selectors.-webkit-progress-bar")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-éléments relatifs à WebKit/Blink qui permettent de mettre en forme les autres parties des éléments {{HTMLElement("progress")}} : - <ul> - <li>{{cssxref("::-webkit-progress-value")}}</li> - <li>{{cssxref("::-webkit-progress-inner-element")}}</li> - </ul> - </li> - <li>{{cssxref("::-moz-progress-bar")}}</li> - <li>{{cssxref("::-ms-fill")}}</li> -</ul> |