INHOUDSOPGAWE:

Hoe maak ek 'n laaibalk in HTML?
Hoe maak ek 'n laaibalk in HTML?

Video: Hoe maak ek 'n laaibalk in HTML?

Video: Hoe maak ek 'n laaibalk in HTML?
Video: Scriptcase - Working with popovers and progress bar 2024, November
Anonim

Gebruik die < vordering > merk aan skep 'n vorderingsbalk in HTML . Die HTML < vordering > tag spesifiseer 'n voltooiing vordering van 'n taak. Dit word vertoon as 'n vorderingsbalk . Die waarde van vorderingsbalk kan deur JavaScript gemanipuleer word.

Net so word daar gevra, hoe maak jy 'n laaibalk?

Om 'n basiese vorderingsbalk met JavaScript te skep, moet die volgende stappe uitgevoer word:

  1. Skep HTML-struktuur vir jou vorderingstaaf: Die kode hieronder bevat twee "div"-merkerelemente genaamd "Progress_Status" en "myprogressbar".
  2. Voeg CSS by:
  3. Voeg JavaScript by:
  4. Koppel die HTML-, CSS- en JavaScript-elemente.

Net so, wat is vorderingsbalk in HTML? Die HTML < vordering > element vertoon 'n aanwyser wat die voltooiing toon vordering van 'n taak, tipies vertoon as 'n vorderingsbalk.

As u dit in ag neem, hoe maak u 'n laaibalk in JavaScript?

Skep 'n vorderingsbalk met JavaScript

  1. Stap 1 - Voeg die HTML hieronder by waar jy jou vorderingsbalk wil vul.
  2. Stap 2 - Voeg die CSS hieronder by die hoofstylblad van jou webwerf.
  3. Stap 3 - Voeg die JavaScript hieronder by 'n lêer genaamd progress.js.
  4. Stap 4 - Voeg die insluit hieronder by jou webblad.

Hoe wys ek vorderingsbalk?

Kom ons kyk na 'n eenvoudige voorbeeld om die vorderingsbalk in Android te vertoon

  1. ProgressDialog progressBar = nuwe ProgressDialog(hierdie);
  2. progressBar.setCancelable(true);//jy kan dit kanselleer deur terug-knoppie te druk.
  3. progressBar.setMessage("Lêer laai af ");
  4. progressBar.setProgressStyle(ProgressDialog. STYLE_HORIZONTAL);

Aanbeveel: