Η ετικέτα progress

Η ετικέτα progress χρησιμοποιείται για την εμφάνιση της προόδου ολοκλήρωσης μιας εργασίας. Η αλλαγή της τιμής γίνεται μέσω JavaScript. Μέσα στην ετικέτα να καθορίζεται κείμενο, το οποίο θα εμφανιστεί στην περίπτωση που το πρόγραμμα περιήγησης δεν κατανοεί αυτήν την ετικέτα.

Ιδιότητες

Ιδιότητα Περιγραφή
value Η τρέχουσα τιμή της προόδου.
max Η μέγιστη τιμή της προόδου.

Ως τιμές των ιδιοτήτων χρησιμοποιούνται ακέραιοι ή δεκαδικοί αριθμοί.

Παράδειγμα

html<progress max="100" value="25">
  Φορτώθηκε 25%
</progress>

Результат:

Παράδειγμα

html<progress max="100" value="75">
  Φορτώθηκε 75%
</progress>

Результат:

Παράδειγμα

html<progress max="100" value="100">
  Φορτώθηκε 100%
</progress>

Результат:

Παράδειγμα

html<progress max="100" value="0">
  Φορτώθηκε 0%
</progress>

Результат:

Παράδειγμα . Δεκαδικές τιμές

html<progress max="100" value="10.5">
  Φορτώθηκε 10.5%
</progress>

Результат:

Δείτε επίσης

  • η ετικέτα meter,
    η οποία εμφανίζει μια περιοχή τιμών με όμορφο τρόπο