Hübsch, hübsch. Für den Fortschrittsbalken verwenden Sie allerdings kein <div>, sondern ein <progress>-Element. Dieses zeigt keinen Inhalt an, selbst wenn Sie etwas hineinschreiben würden.
Wenn Sie einen Prozentwert anzeigen möchten, müssten Sie mittels absoluter Positionierung dafür sorgen, dass ein Text den Fortschrittsbalken überlagert und dort müssten Sie den aktuellen Prozentwert hineinschreiben. Sie könnten aber auch einfach den Standard-Fortschrittsbalken von SoSci Survey verwenden via Platzhalter %progress%, und die Farben und Ecken dann mittels CSS so anpassen, dass er genauso hübsch ist, wie der <progress>-Fortschrittsbalken.