Mahlzeit,

Das sieht schon recht gut aus, allerdings wird die Endgröße im CSS vorgegeben und die ist mir ja da nicht bekannt, da die tatsächliche Breite erst beim Seitenaufbau (über PHP) berechnet wird.

Ob es eine andere Lösung gibt, weiss ich nicht, aber ich würde einen Ladebalken so lösen:

Wenn die Seite aus mehreren Teilen besteht, lade ich die Teile nacheinander per Ajax nach.
Jedesmal wenn ein Teil geladen wurde, wird der Balken verlängert. Allerdings halte ich sowas nur für bedingt sinnvoll, weil extram JS-lastig.

Und würde eine Ladeanimation nehmen wie die "Sanduhr" (ist ja keine mehr) bei Windows oder Linux.
Der User sieht, da wird was nachgeladen und wird merken, wenns fertig ist.

Ist auch möglich, dass es eine bessere Möglichkeit gibt, ich bin mehr der Backend-Programmierer und stelle immer wieder fest, dass mein Wissen über HTML5 und CSS3 lückenhaft ist ;)