Ladebalken solange Seite Geladen wird. HTML5

Hallo!

ich Programmiere momentan meine eigene HP.

Nun möchte ich gerne das ein Ladebalken angezeigt wird, wie weit die Seite schon geladen ist.

So das wenn der Nutzer beispielsweise ein Bild runtergeladen hat von der Seite, das der Ladebalken immer voller wird. So wie ein Ladebalken halt auch ist. :-)

Kennt ihr eventuell einen Code? ich suche schon länger aber so wirklich finden tue ich leider nichts, daher seid ihr meine fast letzte Hoffnung ^-^

LG! :)

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

30.11.2013, 19:49

Meinst du das hier wie bei Youtube neuerdings?

http://demo.tutorialzine.com/2013/09/quick-tip-progress-bar/

Schau im Footer, dort ist der Link zum Tutorial in JS.

Wenn du das klassiche meinst für z.B. ein Bild-Upload ist es an sich ein ähnlicher Code. Kannst ja dann versuchen diesen hier anzupassen, dadurch lernst du dann auch besser in JS zu werden.

derhierxD

Beitragsersteller

30.11.2013, 19:51

Das sieht schon mal super aus!

Danke! ich werde bescheid geben wenn es geklappt hat :)

0

30.11.2013, 19:43

Das ist etwas komplizierter. Also als Stichwort nimm mal Javascript. Mit html oder PHP kommste da nicht weit. So und nun würde ich das Googeln. Weil wie man das jetzt genau mach kann ich dir jetzt leider auch nicht sagen, da es,wie oben schon erwähnt, etwas komplizierter ist.

Edit: Auf die schnelle habe ich das noch gefunden. Das sieht gut aus:

http://www.forum-hilfe.de/threads/25828-Suche-JavaScript-Ladebalken-f%C3%BCr-die-Seite

derhierxD

Beitragsersteller

30.11.2013, 19:51

Danke für den Kommentar! Ist fast gut, aber der andere Kommentar hatte genau das was ich wollte :)

Trotzdem danke für deine Bemühungen! :)

0

Malemeister

30.11.2013, 20:31

Alles klar, dafür nicht :) Solange dir geholfen wurde ist doch alles gut.

0

Ähnliche Beiträge

Bild kann nicht geladen werden html5?

Hallo ich programmiere seit paar tagen html5 heute wollte ich bilder einfügen <img src="C:\Users\test\desktop\girl.jpg>

Allerdings wenn ich die html öffne sehe ich das bild nicht nur den alternativtext. Wenn ich dann auf Untersuchen gehe steht da Grafik konnte nicht geladen werden was kann ich dagegen tun?

C++ Gui programmieren?

Hallo an Alle!

Mein Vorhaben ist, eine kleine GUI mit ein wenig Text (Labels) in der GUI zu programmieren. Hat jemand eventuell eine Ahnung, wie ich komplett OHNE Hilfe von beispielsweise einer WinForm (.NET) eine GUI erstelle. Am besten auch nur mit Code und halt nicht mit einem grafischen Creator-Tool. Habe normale C++ Kenntnisse.

Mfg

PHP ohne Web Server anschauen?

Hey Leute, Ich wollte gerade anfangen in meine Seite ein wenig PHP mit einzubringen! Aber leider kann man das ja vergessen, solange die Website nicht auf einem Server ausgeführt wird. Gibt es einen "Trick" mit dem ich PHP in den Code mit einbringen kann, ohne das die Dateien auf einen Server laufen? So das Ich natürlich dann auch das programmierte auf der Seite sehen kann?

Ich meine nicht sowas wie XAMPP, sondern einfach etwas womit ich auch Offline PHP programmieren kann?

Vielen Dank im Voraus! Lg! :)

Eclipse html-Formatierung?

Guten Tag,

der HTML Code in Eclipse sieht irgendwie immer aus wie Kraut und Ruben. Mir ist natürlich die Funktion STRG + Shift + F bekannt. Allerdings sieht es damit oftmals noch schlimmer aus.

Gibt es eventuell eine Erweiterung für Eclipse empfehlen wo das besser kann? Oder ist es noch sinnvoller den HTML Code, beispielsweise in ATOM(Das eine schöne Formatierung hat) zu schreiben und dann einfach reinzukopieren.

JavaScript AJAX Progress-Bar?

Schönen guten Tag miteinander,

Ich möchte viele Anfragen auf meiner Website per AJAX realisieren. Dazu möchte ich einen Ladebalken für den aktuellen Ladestatus der asynchronen Abfrage erstellen.

Ich bin auf das ProgressEvent gestoßen. Dieses wird bei mir jedoch nur einmal ausgeführt, was vermutlich auch standardmäßig der Fall ist.

Mein Ziel ist aber wie gesagt einen Ladebalken, der (wenn die Abfrage zu beispielsweise 25% geladen wurde) auch um diesen Prozentsatz angezeigt wird, zu erstellen.

Wie gehe ich da am besten vor?

LG

Bukkit Plugin Programmieren: Spieler Item geben

Hallo, ich will es so programmieren, dass wenn man jetzt z.B. /item eingibt Beispielsweise 5 Goldblöcke bekommt (ist nur ein Bespiel).

Dazu müsste ich aber wissen wie der Code ist um einem Spieler Blöcke/Items zu geben.

Ich hoffe, dass jemand von euch den Code dafür kennt.

Twister21

Schwer tun beim Programmier Codes zu merken normal?

Hallo,
Wie im Titel steht tue ich mich bisschen schwer mir die sachen zu merken fürs Programieren deswegen wollte ich fragen ob das ganz normal ist und man immer nach mehrmalige wiederholen es sich merkt oder ich einfach zu dumm bin xD

Visual Studio Code vs. Eclipse?

Was findet ihr besser?

Bin erst seit einem Schuljahr am programmieren und habe mit Notepad++ (wie in der Schule) angefangen.

Sonst hab ich immer Eclipse Neon benutzt, hab mir aber auch mal Visual Studio Code runtergeladen. Was findet ihr besser bzw. wo sind die jeweiligen Vorteile?

Programmiere mit Java.

Ein Vorteil von Eclipse wäre mir bekannt und zwar das Tool mit dem GUI programmieren kann, geht da ja fast per "drag and drop".

Minecraft-Client Coden. Welche Vorkenntnisse brauche ich?

Hi, Ich möchte Anfangen mir einen eigenen Minecraft-Client zu Coden. Ich wollte fragen was ich dafür alles Lernen muss (Java, welche Bereiche, also Objekt-Orientiertes Programmieren, und andere?) Könnt ihr mir eventuell dann noch empfehlen wo ich dies am besten Lernen kann? Danke

Benutzt ihr beim Programmieren div-Tags?

Hallo liebe Community,

mir ist nun mehrmals aufgefallen, dass viele Programmierer keine div-Boxen mehr benutzen, da diese scheinbar "veraltet" sind.

Stattdessen benutzen sie häufig: nav, header, footer, article, section etc..

Wie sieht das denn bei euch aus. Benutzt ihr weiterhin divs?

Bitte möglichst mit Begründung.

PHP Navigation ohne das #section in der URL?

Hallo liebe Entwickler,

ich stelle mir die Frage, wie ich nach Absenden eines Formulares so navigieren kann, dass das #section in der URL nicht angezeigt wird. Zuerst ein Beispiel:

<html>
  <form action="#section" method="post" id="section">
    <input type="submit" value="Senden" name="sub"/>
  </form>
</html>
<?php if (isset($_POST['sub'])) { doSomeStuff(); } ?>

Wenn ich also (wie im Code ersichtlich) auf Senden klicke, wird die Seite neu geladen und ich werde zu #section navigiert (also in der URL dann example.com/#section).

Besteht die Möglichkeit so zu navigieren, dass man den Abschnitt in der URL nicht sieht?

Eventuell durch JS oder etwas anderes?

Vielen Dank im Voraus.

Wie programmiert Ihr?

Hallo,

schreibt Ihr alles aus dem Kopf oder schaut Ihr als Programmierer auch nach wie z.B Befehle oder auch ganze Abschnitte Code den Ihr anschließend verwendet? Was macht ein Programmierer aus? Muss er alles aus dem Kopf schreiben können oder viele Bibliotheken auswendig lernen?

Habt Ihr eventuell eine Übersicht vieler Bibliotheken für Java?

LG und vielen Dank für die Antworten!

Ladebalken auf einer homepage erstellen!

Vorerst möchte ich sagen, dass ich bislang nur sehr viel mit html und css gemacht habe! Erst vor kurzem (ca. 1 Monat) kam php dazu!

Nun habe ich auf meiner Seite erst einmal ein Grundgerüst erstellt: body, wrapper (der den Inhalt beinhält und zentriert), header, menü und den footer!

Unabhängig vom Grundgerüst werden nun die Seiten aufgerufen, also Startseite, Seite 2, Seite 3, Impressum etc., das Grundgerüst bleibt immer gleich und muss nicht nue geladen werden! Diese verschiedenen Seiten habe ich mit php eingebunden! Dazu genaueres findet ihr in einem Tutorial, aus welchem ich dieses wissen auch bezogen habe: http://www.youtube.com/watch?v=pLpTmDv18AI&feature=c4-overview&list=UU4iSMp_NB8fMw9bHi7D_Hiw

Die PHP-Datei, die nun meine Startseite, Seite 2, Seite 3 etc. einbindet möchte ich nun einen Ladebalken zu weisen. Das heißt klickt jemand auf eine Seite, bleibt das Grundgerüst bestehen, nur der Inhalt (bzw. die eingebundene PHP-Datei) wird neu geladen, was mit einem Ladebalken veranschaulicht werden soll!

^Und wie dies geht ist nun meine Frage^ Ich freue mich schon im Voraus auf Antworten. Meine Seite ist soweit auch schon hochgeladen: filmchronik.bplaced.net , dort sieht man zwar nicht den php-code doch ist dies vielleicht trotzdem eine Hilfe! :D
Danke

Wie diese Funktion mit HTML-Code nachbauen?

Guten Abend zusammen ich programmiere eine kleine Seite und mir ist eine Funktion auf ebay aufgefallen; Wenn ihr auf dir Startseite geht dann gibt es etwas unten eine Art: Werbungsvorschläge. Beispielsweise steht da: Handys und Smartphones und direkt dadrunter befinden sich mehrere Bilder von verschiedenen Produkten. Wenn man darauf klickt wird man dementsprechend weitergeleitet. Rechts und links gibt es eine Pfeiltaste, wenn man sie drückt geht es nach links/rechts und es werden weitere Bilder/Produkte angezeigt. Es geht hierbei um die Funktion: Persönliche Empfehlung bei Ebay. Mir ist bereits bewusst, dass ich eine Scriptsprache brauche. Mir geht es jedoch hierbei nur um die Struktur und nicht um die Funktionen. Ich habe mir gedacht, dass ich diesen Code verwenden könnte: <button>←</button> -> Das ist ein Button mit der Pfeiltaste rechts und ich füge einige Bilder hinzu mit dem Code <img> .

Habt ihr vlt. einen Code mit dem es einfacher geht oder würdet ihr es anders machen. Ich bin dankbar für jede Hilfe und jeden Code :)

Was möchtest Du wissen?

Deinen Beitrag erstellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }