Tag HTML <progress>

  • Poprzednia strona <pre>
  • Następna strona <q>

Definicja i użycie

<progress> etykieta oznacza postęp zakończenia zadania.

Wskazówka:Zawsze dodawaj <label> etykieta Aby uzyskać najlepsze praktyki dostępności!

Zobacz również：

Przeglądarka DOM HTML:Obiekt Progress

Przykład

Wyświetlanie paska postępu：

<label for="file">Pobieranie postępu：</label>
<progress id="file" value="32" max="100"> 32% </progress>

Spróbuj sam

Wskazówki i komentarze

Wskazówka:Przenieś <progress> Kombinacja z JavaScriptem umożliwia wyświetlenie postępu zadania.

Uwaga:<progress> Tag nie jest odpowiedni do reprezentowania przyrządów (np. użycia przestrzeni dyskowej lub powiązania wyników zapytania). Aby reprezentować przyrządy, użyj tagu <meter>.

Atrybut

Atrybut Wartość Opis
max Liczba Określa całkowitą ilość pracy potrzebną do zakończenia zadania. Domyślna wartość to 1.
value Liczba Określa część zadania ukończonego.

Globalne atrybuty

<progress> Tag obsługuje również Globalne atrybuty w HTML.

Atrybuty wydarzeń

<progress> Tag obsługuje również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Brak

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten tag.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Poprzednia strona <pre>
  • Następna strona <q>