mehrere Werte in HTML 5 Fortschrittsbalken

Question

Gibt es eine Möglichkeit, mehrere Werte innerhalb der HTML 5-Fortschrittsleiste zu haben? Ich habe versucht mit: nach Pseudo-Elementen, aber das funktioniert nicht mit dem Fortschritt.

Ich hätte gerne einen Wert als 'Completed', sowie einen anderen, der 'In Progress' wäre. Ein Beispiel wäre:

<progress value="33.3" value2="10" max="100"></progress>

Wo 33% abgeschlossen, und 10% In Progress.

Answer 1

Leider gibt es keine Möglichkeit, dies mit HTML5 zu tun. W3 gibt nur einen Wert für die Fortschrittsanzeige an. https://www.w3.org/wiki/HTML/Elements/progress Wenn Sie mehr als einen Wert festlegen, wird nur der erste angezeigt.

Sie können verschachtelte Divs oder Bootstrap-Fortschrittsbalken verwenden, die gleich sind, aber einfach & schön von der Box.