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 empfehlen

Lösungen für Probleme bei der Leistungsoptimierung von MySQL-Indizes

Die von MySQL erstellte Optimierung besteht im Hi...

HTML Tutorial: Sammlung häufig verwendeter HTML-Tags (4)

Diese eingeführten HTML-Tags entsprechen nicht un...

Vollständige Schritte zum Bereitstellen von Confluence mit Docker

Confluence ist kostenpflichtig, kann aber für die...

So komprimieren Sie Bilder effektiv mit JS

Inhaltsverzeichnis Vorwort Konvertierungsbeziehun...

Beispiel für die Verwendung von UserMap in IMG

usemap ist ein Attribut des <img>-Tags, das ...

14 Möglichkeiten zum Erstellen von Website-Inhalten, die Ihre Besucher fesseln

Wenn ich im Internet surfe, sehe ich oft Websites...

MySQL fängt die SQL-Anweisung der String-Funktion ab

1. left(name,4) fängt die 4 Zeichen auf der linke...

Der Prozess der Installation von MySQL 8.0.26 auf CentOS7

1. Laden Sie zunächst die entsprechende Datenbank...

Zusammenfassung der sieben grundlegenden XHTML-Codierungsregeln

1. Alle Tags müssen ein entsprechendes End-Tag hab...

Tutorial zur Installation von Pycharm und Ipython unter Ubuntu 16.04/18.04

Unter Ubuntu 18.04 1. sudo apt install python ins...