Comment créer un préchargeur jQuery avec un compteur de pourcentage?

J’ai écrit ce code que j’ai appris d’un livre jQuery pour débutants, qui fonctionne très bien comme préchargeur pour la page, mais comment puis-je créer un compteur de pourcentage (%)? – Basé sur combien de contenu du corps est chargé? Pour le moment, je n’ai qu’un GIF animé – mais j’aimerais quelque chose d’un peu plus avancé! 🙂

// Lets preload! $(window).load(function() { $('#preloader').fadeOut('slow', function() { $(this).remove(); }); }); 

CSS:

 #preloader { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: #009933 url(uploads/images/ajax-loader2.gif) center center no-repeat; } 

Toute aide serait grandement appréciée!

Merci.

• Changer la couleur de l’en-tête du tableau à l’aide de bootstrap
• Intégration du formulaire Google Maps Place dans le formulaire d’auto-complétion javascript
• jquery slide bascule sous forme de case à cocher de formulaire
• Défilement div au lieu de la page
• Est-ce que jQuery s’anime entre deux classes CSS différentes?

• En-tête fixe pendant le défilement
• : visible ne fonctionne pas avec: sélecteur n-enfant
• JS pour surveiller le changement de propriété CSS comme “display: none” => “display: block”?
• Changer la couleur du texte dans contenteditable div
• Effet de survol sur une cellule de l’ordre du jour Semaine + Calendrier complet

 var percentCounter = 0; $.each(arrayOfImageUrls, function(index, value) { $('').attr('src', value) //load image .load(function() { percentCounter = (index / arrayOfImageUrls.length) * 100; //set the percentCounter after this image has loaded $('#yourProgressContainer').text(percentCounter + '%'); }); });