HTML+CSS zum Erstellen eines einfachen Fortschrittsbalkens

HTML+CSS zum Erstellen eines einfachen Fortschrittsbalkens

1. HTML-Code

Code kopieren
Der Code lautet wie folgt:

Erfahrungspunkte:
<span class="Fortschrittsbalken"><b style="width:50px;"> </b></span>

2. CSS-Stile

Code kopieren
Der Code lautet wie folgt:

.progress-bar, .progress-bar b{Hintergrund: URL("/images/ico.png") kein wiederholtes Scrollen 0 0; Anzeige: Block;}
.progress-bar {Hintergrundposition: 0 0; Höhe: 15px;Breite: 430px;}
.progress-bar b {Hintergrundposition: 0 -17px; Höhe: 12px;}

Anhang:

<<:  Erste Schritte mit MySQL - Konzepte

>>:  So verwenden Sie den regulären Matching-Selektor für CSS-Attributwerte (Tipps)

Artikel    

Artikel empfehlen

Eine ausführliche Zusammenfassung der Überlegungen zu MySQL-Zeiteinstellungen

Existiert die Zeit wirklich? Manche Menschen glau...

Lösung für FEHLER 1366 bei der Eingabe von Chinesisch in MySQL

Beim Eingeben von Chinesisch in MySQL tritt der f...

jQuery implementiert eine einfache Änderung der Schaltflächenfarbe

Wir möchten in HTML und CSS die Farbe eines Butto...

Rundungsvorgang des Datums-/Uhrzeitfelds in MySQL

Inhaltsverzeichnis Vorwort 1. Hintergrund 2. Simu...

So verwenden Sie Indizes zur Optimierung von MySQL ORDER BY-Anweisungen

Tabelle erstellen und Index erstellen Tabelle tbl...

Beispielcode für horizontalen Linienstil „hr“

Code kopieren Der Code lautet wie folgt: <hr S...

Tutorial zur Verarbeitung statischer Ressourcen in Tomcat

Vorwort Alle Anfragen in Tomcat werden von Servle...

So stellen Sie Oracle mit Docker auf dem Mac bereit

So stellen Sie Oracle mit Docker auf dem Mac bere...

JS-Implementierung des Karussell-Karussell-Falls

In diesem Artikelbeispiel wird der spezifische JS...

Tipps zum Anzeigen von Text in Linux (super praktisch!)

Vorwort Bei der täglichen Entwicklung müssen wir ...