Mundarija:

HTMLda yuklash satrini qanday qilishim mumkin?
HTMLda yuklash satrini qanday qilishim mumkin?

Video: HTMLda yuklash satrini qanday qilishim mumkin?

Video: HTMLda yuklash satrini qanday qilishim mumkin?
Video: HTMLda dasturlash | 26. Audio, Video va Youtube 2024, Aprel
Anonim

< dan foydalaning taraqqiyot > belgilang HTMLda taraqqiyot satrini yarating . The HTML < taraqqiyot > teg tugallanishni bildiradi taraqqiyot vazifaning. sifatida ko'rsatiladi taraqqiyot paneli . ning qiymati taraqqiyot paneli JavaScript tomonidan boshqarilishi mumkin.

Xuddi shunday, so'raladi, qanday qilib yuklash barini yasaysiz?

JavaScript yordamida asosiy taraqqiyot panelini yaratish uchun quyidagi bosqichlarni bajarish kerak:

  1. Harakatlar paneli uchun HTML strukturasini yarating: Quyidagi kodda “Progress_Status” va “myprogressbar” nomli ikkita “div” teg elementi mavjud.
  2. CSS qo'shish:
  3. JavaScript qo'shish:
  4. HTML, CSS va JavaScript elementlarini bog'lang.

Xuddi shunday, HTML-dagi taraqqiyot paneli nima? The HTML < taraqqiyot > elementni ko'rsatadi indikator tugallanganligini ko'rsatadi taraqqiyot vazifaning, odatda a sifatida ko'rsatiladi taraqqiyot paneli.

Buni hisobga olsak, JavaScript-da qanday qilib yuklash satrini yaratasiz?

JavaScript yordamida taraqqiyot satrini yaratish

  1. 1-qadam - Quyidagi HTML-ni o'zingizning taraqqiyot satrini to'ldirmoqchi bo'lgan joyga qo'shing.
  2. 2-qadam - Quyidagi CSS-ni veb-saytingizning asosiy uslublar jadvaliga qo'shing.
  3. 3-qadam - Quyidagi JavaScript-ni progress.js deb nomlangan faylga qo'shing.
  4. 4-qadam - Quyidagi narsalarni veb-sahifangizga qo'shing.

Taraqqiyot panelini qanday ko'rsataman?

Keling, Android-da taraqqiyot panelini ko'rsatishning oddiy misolini ko'rib chiqaylik

  1. ProgressDialog progressBar = yangi ProgressDialog(bu);
  2. progressBar.setCancelable(true);//orqaga tugmasini bosish orqali uni bekor qilishingiz mumkin.
  3. progressBar.setMessage("Fayl yuklanmoqda");
  4. progressBar.setProgressStyle(ProgressDialog. STYLE_HORIZONTAL);

Tavsiya: