HTML <progress> κείμενο

  • Προηγούμενη Σελίδα <pre>
  • Επόμενη Σελίδα <q>

Ορισμός και χρήση

<progress> Ετικέτες που δείχνουν την πρόοδο της εργασίας.

Συμβουλή:Προσθέστε πάντα <label> Ετικέτα Για να επιτευχθεί η καλύτερη προσβασιμότητα!

Για περισσότερες πληροφορίες:

Εγχειρίδιο HTML DOM:Αντικείμενο Progress

Παράδειγμα

Εμφάνιση γραμμής προόδου:

<label for="file">Περιγραφή αρχείου:</label>
<progress id="file" value="32" max="100"> 32% </progress>

Δοκιμάστε το προσωπικά

Συμβουλές και σημειώσεις

Συμβουλή:Μετακίνηση <progress> Η σήμανση χρησιμοποιείται σε συνδυασμό με το JavaScript για την εμφάνιση της πρόοδου της εργασίας.

Σημείωση:<progress> Η ετικέτα δεν είναι κατάλληλη για την απεικόνιση μετρητών (π.χ. χρήση χώρου δίσκου ή αξιοπιστία αποτελεσμάτων). Για την απεικόνιση μετρητών, χρησιμοποιήστε την ετικέτα <meter>.

Ιδιότητες

Ιδιότητες Τιμή Περιγραφή
max Αριθμός Ορίζει το συνολικό όγκο εργασίας που απαιτείται για την εργασία. Η προεπιλεγμένη τιμή είναι 1.
value Αριθμός Ορίζει ποιο μέρος της εργασίας έχει ολοκληρωθεί.

Γενικές Ιδιότητες

<progress> Η ετικέτα υποστηρίζει επίσης Γενικές Ιδιότητες στο HTML.

Ιδιότητες Εκδηλώσεων

<progress> Η ετικέτα υποστηρίζει επίσης Ιδιότητες Εκδηλώσεων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Χωρίς.

Υποστήριξη Βrowser

Τα αριθμήματα στη τаблицή αναφέρουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ετικέτα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Προηγούμενη Σελίδα <pre>
  • Επόμενη Σελίδα <q>