Cum se face ca indicatorul de încărcare a paginii să se deplaseze în stivă% în rusă

Am folosit Google, drept și am scris, o mulțime de articole, dar nu am găsit un script care să reflecte procesul de încărcare a paginii.

Ce metodă este în general monitorizată dacă o pagină este încărcată sau nu, starea acesteia. Trebuie doar să aflu dacă există o modalitate de a urmări câte procente sunt încărcate, iar vizual și CSS pot să le cant.

Este clar că puteți face un stub care va fi suspendat timp de 4 secunde și va fi descărcat de la 0 la 100%, bine, dacă Internetul este rău și încărcarea este de 4 ori mai lungă.

Pentru soluția terminată voi fi recunoscător (o bandă de la 0-100%)

a fost văzut ultima dată 16 decembrie '16 la 12:58

În ceea ce privește stubs, acestea sunt puse în aplicare doar sub formă de animații cu buclă, astfel încât să nu existe un sfârșit explicit.

În ceea ce privește indicatorul actual de descărcare, eu personal cunosc doar o singură cale -

• încărcați toate folosind XMLHttpRequest și utilizați evenimentul de progres.

Cu ocazia ulucării. Pentru a face ca stub-ul să apară numai până când pagina este complet terminată, se folosesc evenimente.

Dacă doriți ca utilizatorul să vadă pagina generată cât mai repede posibil, ei utilizează evenimentul DOMContantLoaded. care este trimis atunci când toate script-urile sunt încărcate și dom este complet format, astfel încât să poată fi deja accesat. Singurul lucru care nu are timp să se încarce este imaginea linkului la care sunt indicate în marcajul html. Acest lucru este potrivit în 90% din cazuri în care un stub frumos care indică faptul că în curând vor exista imagini este pus în locul lor.

În acele cazuri în care imaginea face parte din aplicație, adică, ca și în cazurile cu fundal de pe pagina principală, utilizați evenimentul de încărcare. care este trimis atunci când script-urile sunt încărcate, dom este generat și toate imaginile sunt încărcate.

În mod separat, este necesar să se spună că bibliotecile script-urilor js se adaugă la sfârșitul blocului. iar documentul este semnat pentru eveniment.

Depinde de modul în care pagina se încarcă: