wie kann man in HTML oder Javascript einen Ladebalken erstellen?
Ich habe ein kleines Problem mit einer Webseite die Statusmeldungen über Shoutcast-Streams abbildet.
Zunächst werden die URLs aus einer Datenbank gelesen (das ist das geringere Problem) aber beim ausgeben der Liste wird noch der Onlinstatus abgefragt).
Das führ zu extrem langen Ladezeiten - die ich gerne mit einem Ladebalken überbrücken würde, weil man sonst den Eindruck bekommt der Klick auf den Link hätte nicht funktioniert.
Jemand eine Idee?
1 Antwort
Ein loading.gif wäre die einfachste Lösung, die auch mit CSS realisiert werden kann: https://www.w3schools.com/howto/howto_css_loader.asp
Ansonsten gibt es seit HTML5 das progress-Element. Dieses kannst du individuell stylen oder animieren (https://css-tricks.com/html5-progress-element/). Wenn es den aktuellen Status anzeigen soll, dann solltest du eine Echtzeitkommunikation zwischen Server und Client implementieren (bspw. über WebSockets oder Comet-Techniken wie long polling).
OK vielen Dank, dann werde ich das morgen mal ausprobieren.