From 4b1a9203c547c019fc5398082ae19a3f3d4c3efe Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:15 -0500 Subject: initial commit --- files/de/web/html/element/progress/index.html | 175 ++++++++++++++++++++++++++ 1 file changed, 175 insertions(+) create mode 100644 files/de/web/html/element/progress/index.html (limited to 'files/de/web/html/element/progress') diff --git a/files/de/web/html/element/progress/index.html b/files/de/web/html/element/progress/index.html new file mode 100644 index 0000000000..c256dec21a --- /dev/null +++ b/files/de/web/html/element/progress/index.html @@ -0,0 +1,175 @@ +--- +title: +slug: Web/HTML/Element/progress +tags: + - Element + - HTML + - HTML Formulare + - HTML5 + - Referenz + - Web +translation_of: Web/HTML/Element/progress +--- +

Übersicht

+ +

Das HTML <progress> Element wird benutzt, um den Fortschritt einer Aufgabe zu visualisieren. Während die Einzelheiten dem Browser überlassen werden, wird es üblicherweise als Fortschrittsanzeige angezeigt. Javascript kann den Wert der Fortschrittsanzeige manipulieren.

+ + + + + + + + + + + + + + + + + + + + + + + + +
Inhalt KategorienFließender Inhalt, Formuliereder Inhalt, bezeichbarer Inhalt, fühlbarer Inhalt.
Erlaubter InhaltFormulierender Inhalt, doch es darf kein <progress> Element unter seinen Nachfahren sein.
Tag Wegfall{{no_tag_omission}}
Erlaubte ElternelementeAlle Elemente, die formuliereden Inhalt akzeptieren.
DOM-Schnittstelle{{domxref("HTMLProgressElement")}}
+ +

Attribute

+ +

Das Element enthält die globalen Attribute.

+ +
+
{{ htmlattrdef("max") }}
+
Das Attribut beschreibt, wie viel Arbeit die Aufgabe, angezeigt bei dem progress Element, benötigt. Das max Attribut, wenn vorhanden, muss größer als Null sein und eine gültige Zahl binnen floating point number sein.
+
{{ htmlattrdef("value") }}
+
Das Atttribut gibt an, wie viel Arbeit der gesamten Aufgabe schon verrichtet wurde. Es muss eine gültige Zahl binnen floating point number zwischen 0 und max oder zwischen 0 und 1, falls max wegfällt, sein. Falls kein value (Wert) Attribut gegeben ist, ist die Fortschrittsanzeige unbestimmt; dies zeigt an, dass eine Aktivität ohne eine festgelegte ungefähre Restdauer fortläuft.
+
+ +

Sie können die {{ cssxref("-moz-orient") }} Eigenschaft nutzen, um festzulegen, ob die Fortschrittsanzeige horizontal (der Standard) oder vertikal gerendert werden soll. Die {{ cssxref(":indeterminate") }} Pseudo-Klasse kann benutzt werden, um unbestimmte Fortschrittsanzeigen zuzuorden.

+ +
+
+ +

Beispiele

+ +
<progress value="70" max="100">70 %</progress>
+
+ +

Resultat

+ +

{{ EmbedLiveSample("Beispiele", 200, 50) }}

+ +

Das Endergebnis sieht auf Mac OS X so aus:

+ +

The progress bar seen in OS X Mavericks

+ +

Das Endergebnis sieht auf Windows so aus:

+ +

progress-firefox.JPG

+ +

Zusätzliche Bespiele

+ +

Siehe auch {{ cssxref("-moz-orient") }}.

+ +

Spezifikationen

+ + + + + + + + + + + + + + + + + + + + + +
SpezifikationStatusKommentar
{{SpecName('HTML WHATWG', 'the-button-element.html#the-progress-element', '<progress>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'forms.html#the-progress-element', '<progress>')}}{{Spec2('HTML5 W3C')}}Ursprünliche Definition
+ +

Browser Kompatibilität

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + +
FunktionChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basis Unterstützung6.0{{ CompatGeckoMobile("6.0") }} [1]
+ {{ CompatGeckoMobile("14.0")}} [2]		1011.05.2
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FunktionAndroidFirefox Mobil (Gecko)IE MobilOpera MobilSafari Mobil
Basis Unterstützung{{ CompatVersionUnknown }}{{ CompatGeckoMobile("6.0") }} [1]
+ {{ CompatGeckoMobile("14.0")}} [2]		{{ CompatNo() }}11.07 [3]
+
+ +

[1] Gecko liefert das {{ cssxref("::-moz-progress-bar") }} Pseudo-Element, welches Sie das Aussehen des Inneren der Fortschrittsanzeige verändern lässt, wie groß der Fortschritt schon ist.
+ Vor Gecko 14.0 {{ geckoRelease("14.0") }} wurde das <progress> Element inkorrekterweise als ein Formularelement klassifiziert und hatte daher ein form Attribut. Dieser Fehler wurde jedoch behoben.

+ +

[2] Gecko liefert das {{ cssxref("::-moz-progress-bar") }} Pseudo-element, welches Sie das Aussehen des Inneren der Fortschrittsanzeige verändern lässt, wie groß der Fortschritt schon ist.

+ +

[3] Safari auf iOS unterstützt die unbestimmte Fortschrittsanzeige nicht. (Stattdessen wird 0% Fortschritt angezeigt).

+ +

Siehe auch

+ + + +

{{ HTMLRef }}

-- cgit v1.2.3-54-g00ecf