<progress>
Misol
Jarayon indikatorini ko‘rsatish:
<label for="file">Downloading progress:</label>
<progress id="file" value="32" max="100"> 32% </progress>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
<progress> tegi vazifaning bajarilish jarayonini ifodalaydi.
Maslahat: Qulaylik (accessibility) bo‘yicha eng yaxshi amaliyotlarga rioya qilish uchun har doim <label> tegini qo‘shing!
Maslahatlar va eslatmalar
Maslahat: Vazifaning bajarilish jarayonini ko‘rsatish uchun <progress> tegidan JavaScript bilan birgalikda foydalaning.
Eslatma: <progress> tegi o‘lchagichni (masalan, diskdagi joydan foydalanish yoki so‘rov natijasining dolzarbligini) ifodalash uchun mos emas. O‘lchagichni ifodalash uchun uning o‘rniga <meter> tegidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar elementni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Element | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| max | number | Vazifa jami qancha ish talab qilishini belgilaydi. Standart qiymat — 1 |
| value | number | Vazifaning qancha qismi bajarilganini belgilaydi |
Global atributlar
<progress> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<progress> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Tegishli sahifalar
HTML DOM ma’lumotnomasi: Progress obyekti
Standart CSS sozlamalari
Yo‘q.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!