From 3fa40f7a8a3e17d4eea8ddd5047e8659ee7602da Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 3 Jan 2022 02:23:14 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../css/_doublecolon_-moz-progress-bar/index.md | 62 +++++++++++----------- 1 file changed, 31 insertions(+), 31 deletions(-) (limited to 'files/ja/web/css') 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 --- -
{{CSSRef}}{{Non-standard_header}}
+{{CSSRef}}{{Non-standard_header}} -

::-moz-progress-barCSS擬似要素Mozilla 拡張であり、 {{HTMLElement("progress")}} 要素の中のプログレスバーを表します。 (バーは進捗した量を表します。)

+**`::-moz-progress-bar`** は [CSS](/ja/docs/Web/CSS) の[擬似要素](/ja/docs/Web/CSS/Pseudo-elements)で [Mozilla 拡張](/ja/docs/Web/CSS/Mozilla_Extensions)であり、 {{HTMLElement("progress")}} 要素の中のプログレスバーを表します。 (バーは進捗した量を表します。) -

{{HTMLElement("progress")}} のまだ終了していない部分を Mozilla で選択したい場合は、 {{HTMLElement("progress")}} で直接選択してください。

+{{HTMLElement("progress")}} のまだ終了していない部分を Mozilla で選択したい場合は、 {{HTMLElement("progress")}} で直接選択してください。 -

構文

+## 構文 {{csssyntax}} -

+## 例 -

HTML

+### HTML -
<progress value="30" max="100">30%</progress>
-<progress max="100">Indeterminate</progress>
+```html +30% +Indeterminate +``` -

CSS

+### CSS -
::-moz-progress-bar {
+```css
+::-moz-progress-bar {
   background-color: red;
 }
 
 /* 不確実なバーは強制的に幅をゼロにする */
 :indeterminate::-moz-progress-bar {
   width: 0;
-}
+} +``` -

結果

+### 結果 -

{{EmbedLiveSample('Examples')}}

+{{EmbedLiveSample('Examples')}} -

上記の最初のバーは次のようになります。

+## 仕様書 -

Custom styled progress bar

+どの標準にも含まれていません。 -

関連情報

+## 関連情報 - +- {{HTMLElement("progress")}} +- {{ cssxref("::-ms-fill") }} +- {{ cssxref("::-webkit-progress-bar") }} +- {{ cssxref("::-webkit-progress-value") }} +- {{ cssxref("::-webkit-progress-inner-element") }} -- cgit v1.2.3-54-g00ecf