Inhaltsverzeichnis
Es gibt verschiedene Elemente in modernen Websites, die unterschiedliche Funktionalitäten haben und bestimmte Aufgaben auf einer Website einfach und noch auffälliger und ansprechender für das Auge machen, wodurch die Navigation der Website und die Benutzerfreundlichkeit für den Benutzer äußerst optimal werden.Fortschrittsbalken
Fortschrittsbalken sind dafür verantwortlich, den Fortschritt einer Aufgabe wie einer Dateiübertragung oder eines Uploads, eines Informations-Uploads usw. anzuzeigen.
Die Fortschrittsbalken ()-Methode
Die Methode Fortschrittsanzeige () erklärt, dass ein Element der HTML es sollte in Form eines Fortschrittsbalkens verwaltet und behandelt werden. Seine Optionen sind ein Objekt, das sein Verhalten und Aussehen angibt.
Die Methode Fortschrittsanzeige () es kann auf zwei Arten verwendet werden:
• $ (Selektor, Kontext) .progressbar (Optionen)
• $ (Selektor, Kontext) .progressbar ("Aktion", Parameter)
Sehen wir uns ein Beispiel für seine Verwendung an:
- Zuerst binden wir die notwendigen Dateien ein, die Bibliotheken von jQuery ebenso wie CSS:
- Wir fügen einige Stile für die Etiketten und die Leiste als solche hinzu:
- Wir instanziieren unsere Methode Fortschrittsanzeige () Wir verknüpfen es mit einem Container und fügen zusätzlich einige Ereignisse hinzu, um zu erkennen, wann der Upload oder Transfer läuft und schließlich abgeschlossen ist:
- Schließlich fügen wir unseren Code hinzu HTML und die etiketten wo unser Fortschrittsbalken angezeigt wird:
Wird geladen…
Die Implementierung unseres Codes würde im Browser so aussehen:
jQuery-UI-Fortschrittsleiste - Benutzerdefiniertes Label
href = "http: //code.jquery.c… /jquery-ui.css" />
Wird geladen…
Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben
