Overlay-Fortschrittsbalken mit jQuery

8

Ich möchte einen Fortschrittsbalken anzeigen, der die Seite "überlagert" und andere Aktionen während der Ausführung deaktiviert, ähnlich wie bei einer Warnung (außer Sie konnten sie nicht durch Klicken auf irgendetwas beenden). Was ist eine schnelle Möglichkeit, dies in jQuery zu tun?

Ich habe bereits das Bild ausgewählt - eine animierte Fortschrittsleiste. Brauchen Sie einfach eine Möglichkeit, es richtig zu überlagern.

    
babonk 05.06.2011, 01:10
quelle

3 Antworten

10

Sie können einfach Ihr eigenes Overlay implementieren.

%Vor%

Zeigen Sie dann <div id="overlay"><img src="/path/to/your/image"/></div> an, wenn Ihre Seite geladen wird oder wann immer Sie sie anzeigen möchten.

    
Bertrand Marron 05.06.2011, 01:27
quelle
3

Ich denke, dass die jQuery-Benutzeroberfläche Modal genau das ist, wonach Sie suchen. Es überlagert den Rest des Bildschirms, bis ein Benutzer den Dialog ablehnt. Sie können Ihren Fortschrittsbalken im Dialogfeld selbst hinzufügen oder den Fortschrittsbalken von jQuery UI hinzufügen, wenn Sie feststellen, dass dies besser funktioniert . Das hat auch viele Optionen, die Sie vielleicht nützlich finden.

Wenn Sie möchten, dass dies wirklich ein Dialog ist, der "nichts tun kann, bis Sie fertig sind", dann können Sie auch das schließende "X" mit diese Lösung .

    
eksith 05.06.2011 03:02
quelle
1

Haben Sie sich qTip angesehen? Dafür verwenden wir es.

    
Christopher Armstrong 05.06.2011 01:12
quelle

Tags und Links