aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2022-01-03 02:23:14 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2022-01-10 11:20:52 +0900
commit3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da (patch)
tree2e78acca469ade61ea0dabb067c30aa390ba8a54
parentae0cef9da605faf8a29875e748ba80b72cbc461b (diff)
downloadtranslated-content-3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da.tar.gz
translated-content-3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da.tar.bz2
translated-content-3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da.zip
2021/08/13 時点の英語版に同期
-rw-r--r--files/ja/web/css/_doublecolon_-moz-progress-bar/index.md62
1 files changed, 31 insertions, 31 deletions
diff --git a/files/ja/web/css/_doublecolon_-moz-progress-bar/index.md b/files/ja/web/css/_doublecolon_-moz-progress-bar/index.md
index f683b31da8..b6de41efe7 100644
--- a/files/ja/web/css/_doublecolon_-moz-progress-bar/index.md
+++ b/files/ja/web/css/_doublecolon_-moz-progress-bar/index.md
@@ -1,60 +1,60 @@
---
title: '::-moz-progress-bar'
-slug: 'Web/CSS/::-moz-progress-bar'
+slug: Web/CSS/::-moz-progress-bar
tags:
- CSS
- - 'CSS:Mozilla Extensions'
- - 'CSS:Mozilla 拡張'
+ - CSS:Mozilla 拡張
- NeedsCompatTable
- - Non-standard
- - Pseudo-element
- - Reference
- - 擬似要素
- 標準外
-translation_of: 'Web/CSS/::-moz-progress-bar'
+ - 擬似要素
+ - リファレンス
+ - セレクター
+translation_of: Web/CSS/::-moz-progress-bar
---
-<div>{{CSSRef}}{{Non-standard_header}}</div>
+{{CSSRef}}{{Non-standard_header}}
-<p><strong><code>::-moz-progress-bar</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Pseudo-elements">擬似要素</a>で <a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>であり、 {{HTMLElement("progress")}} 要素の中のプログレスバーを表します。 (バーは進捗した量を表します。)</p>
+**`::-moz-progress-bar`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で [Mozilla 拡張](/ja/docs/Web/CSS/Mozilla_Extensions)であり、 {{HTMLElement("progress")}} 要素の中のプログレスバーを表します。 (バーは進捗した量を表します。)
-<p>{{HTMLElement("progress")}} のまだ終了していない部分を Mozilla で選択したい場合は、 {{HTMLElement("progress")}} で直接選択してください。</p>
+{{HTMLElement("progress")}} のまだ終了していない部分を Mozilla で選択したい場合は、 {{HTMLElement("progress")}} で直接選択してください。
-<h2 id="Syntax" name="Syntax">構文</h2>
+## 構文
{{csssyntax}}
-<h2 id="Examples" name="Examples">例</h2>
+## 例
-<h3 id="HTML">HTML</h3>
+### HTML
-<pre class="brush:html; notranslate">&lt;progress value="30" max="100"&gt;30%&lt;/progress&gt;
-&lt;progress max="100"&gt;Indeterminate&lt;/progress&gt;</pre>
+```html
+<progress value="30" max="100">30%</progress>
+<progress max="100">Indeterminate</progress>
+```
-<h3 id="CSS">CSS</h3>
+### CSS
-<pre class="brush: css notranslate">::-moz-progress-bar {
+```css
+::-moz-progress-bar {
background-color: red;
}
/* 不確実なバーは強制的に幅をゼロにする */
:indeterminate::-moz-progress-bar {
width: 0;
-}</pre>
+}
+```
-<h3 id="Result" name="Result">結果</h3>
+### 結果
-<p>{{EmbedLiveSample('Examples')}}</p>
+{{EmbedLiveSample('Examples')}}
-<p>上記の最初のバーは次のようになります。</p>
+## 仕様書
-<p><img alt="Custom styled progress bar" class="default internal" src="/@api/deki/files/5387/=redbar.png"></p>
+どの標準にも含まれていません。
-<h2 id="See_also" name="See_also">関連情報</h2>
+## 関連情報
-<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") }}