Progress Bar, Ladebalken 
Autor: JÖRG L.
Besucht 490,
Followers 1,
Geteilt 0
Hallo zusammen,
ich habe grad mir der Skill Bar ein bisschen rumprobiert, das ganze ist ganz gut. Ich möchte quasi so eine Ladeanzeige beim Seitenaufruf erstellen. Der soll aber über die GANZE Seite reichen. Das klappt aber irgentwie nicht ganz so. Seitenbreite ist 1150px, der Inhalt wird bei mir auf meinem 28 Zoll Monitor ziemlich zentriert angezeigt. Wenn ich aber zum Beispiel als Hintergrund eine Grafik zum Bsp. bei einem Textobjekt einbinde, dann wird mir die Grafik auf die ganze Bildschirmbreite angezeigt. Oder hat jemand eine Lösung, wie man so einen Ladebalken ersrellen kann?
Bsp. wie ich mir das vorstelle hier: https://shopee.com.my/kakuikaku.os
oder so in der Art: http://www.mcdodo.com.cn/
Gruß Jörg
Gepostet am
René W. hatte hierzu vor einiger Zeit eine Lösung genannt. Leider finde ich auf die Schnelle den Post nicht. Vielleicht meldet er sich...
Autor
Hallo Franz, ja das wäre schön, vlt. finde ich es. Danke
Schau hier: https://helpcenter.websitex5.com/de/post/220686
Hallo Zusammen
Franz Josef H. das stimmt leider nicht.
Eine Ladeanzeige welche stimmt möchte ich auch sehr gerne.
Das was ich gemacht hatte war ein Fakeladebalken:
<!-- Start of 1 progress Bar -->
<div class="progressbar clearfix " data-percent="100%">
<div class="progressbar-title"><span>Loading ...... Please Wait</span></div>
<div class="progressbar-bar" style="background: #4288d0;"></div>
<div class="progress-bar-percent">100%</div>
</div>
<!-- End of 1 progress Bar -->
https://fuenfzigjahreliftag.watelet.ch/fotos-variante-1.html
Ich hatte keine reelle Lösung gefunden.
Der Pseudoladebaken sollte Besucher ablenken bis alle Fotos geladen sind.
Autor
Hallo Franz und Rene, das ganze kommt dem zwar nahe, ist aber leider nicht das gewünschte Ergebnis. Das soll wirklich so aussehen wie in den beiden genannten Beispielen. Auf der Seite von Rene denk ich besteht das selbe Problem, das zwar die Hintergrund Grafik über die ganze Seite geht, aber der Seiteninhalt "nur" begrenzt dargestellt wird. Der Ladebalken soll genau so wie die Hintergrundgrafik über die ganze Seite erscheinen. Der Seiteninhalt soll auch so zentriert bleiben. Natürlich sollte das ganze auch im responsiven Design so erscheinen. Vlt gibts ja eine Lösung.
Hallo Leute,
hier kann man sich sowas basteln:https://kimmobrunfeldt.github.io/progressbar.js/
LG
Andreas
Autor
Hallo Andreas, Danke, schau ich mir gerne mal an.
Damit ist quasi alles möglich...auch dein Ladebalken für den Seiteninhalt ist auf der Demo Seite oben dabei.
Gerne Jörg