Awesome GitHub RepositoriesLoading Progress Bars

Turbolinks is a JavaScript library that accelerates HTML page transitions by replacing the page body via network requests instead of performing full browser refreshes. It functions as a client-side navigation manager that intercepts link clicks and controls the page visit lifecycle to simulate a single-page application experience. The library synchronizes the browser URL and history stack with partial page updates and utilizes a caching mechanism to store visited page states. This allow for instant previews and restoration of state when navigating backward or forward. It also includes a tool

AgentWeb is an Android library that enhances the standard WebView component by applying performance optimizations and improving loading behavior. Its core purpose is to eliminate the blank white screen that users often see when a WebView first loads, and to reduce overall page load latency through pre-initialization and instance reuse strategies. The library achieves this through several key techniques. It pre-initializes the WebView rendering engine early in the app lifecycle so the first page load is not delayed by kernel startup. It also pre-loads the dedicated WebView process before it is

Hotwire Turbo is a server-driven navigation and HTML streaming framework that intercepts link clicks and form submissions to fetch pages in the background and replace content without full browser reloads. It provides a Turbo Frame component that scopes page regions into independent contexts, enabling partial page updates where only a specific area of the page navigates or loads content. The framework includes a page cache and morph system that stores recently visited pages for instant restoration and applies minimal DOM changes on refresh, preserving scroll position and element state. The fra

jsmpeg is a JavaScript MPEG1 video decoder and canvas-based video renderer. It functions as a client-side media decoder that processes video frames in JavaScript, rendering them to an HTML5 canvas without relying on native browser video elements. The project provides a low-latency video player capable of receiving binary media data over WebSockets for real-time streaming. It also supports the progressive loading of static video files via Ajax to allow playback to begin before a file is fully downloaded. The system includes capabilities for playback state and event management, allowing for th

Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to

Instantclick est un améliorateur de navigation côté client et un préchargeur de page JavaScript. Il intercepte les requêtes HTTP pour mettre à jour les titres de page et le contenu via des requêtes asynchrones, évitant les rafraîchissements complets du navigateur pour éliminer les flashs blancs pendant la navigation. Le projet réduit la latence perçue du frontend en récupérant le contenu lié en arrière-plan lorsqu'un utilisateur survole un lien hypertexte. Ce préchargement basé sur l'intention garantit que le contenu est prêt au moment où un utilisateur clique. L'outil gère l'expérience de navigation via la manipulation de l'historique côté client et l'injection de contenu basée sur le DOM. Il inclut également un indicateur de progression de navigation personnalisable qui fournit un retour visuel pendant que les requêtes de page asynchrones sont traitées.

angular-loading-bar est un gestionnaire d'état de chargement et un composant de barre de progression pour les applications Angular. Il fournit un système pour visualiser l'activité des requêtes réseau via un indicateur de chargement automatique qui surveille les requêtes HTTP sortantes. Le projet gère les requêtes réseau concurrentes en regroupant plusieurs appels API dans un seul état de chargement, garantissant que l'indicateur reste visible jusqu'à ce que la requête finale soit terminée. Il inclut un seuil de latence pour retarder l'apparition de la barre de chargement, ce qui empêche le clignotement visuel lors des requêtes rapides. Le système prend en charge le filtrage par motif d'URL pour exclure des appels d'arrière-plan ou de polling spécifiques du déclenchement de l'UI. Il fournit également un contrôle d'état manuel, permettant à l'indicateur de chargement d'être démarré ou arrêté par programmation pour des tâches indépendantes de la surveillance réseau.

Ce projet est une bibliothèque d'interface utilisateur Material Design et un kit de composants mobiles multiplateformes. Il fournit un ensemble de composants d'interface utilisateur pré-stylisés et un framework de mise en page conçu pour garantir une expérience visuelle cohérente sur différents appareils mobiles. La bibliothèque inclut un système de gestion de thèmes mobiles pour définir et mettre à jour les palettes de couleurs globales et les règles de style sur toute l'interface d'une application. Elle implémente des modèles de mise en page et des règles d'espacement standardisés pour maintenir un design propre et cohérent. Le toolkit couvre la construction de formulaires et d'interfaces mobiles en utilisant des éléments tels que des boutons, des cartes, des champs de saisie de texte, des indicateurs de chargement, des interrupteurs de sélection et des curseurs de valeur.

LoadingDrawable est une bibliothèque Android de composants de chargement personnalisables pour indiquer l'activité de tâches en arrière-plan ou des états de chargement. Elle propose une collection de composants de vue personnalisés et d'indicateurs de progression qui s'intègrent aux vues Android standard. La bibliothèque permet le rendu d'indicateurs de chargement animés pour les composants de rafraîchissement ou les espaces réservés d'images, et suit la progression du chargement pour refléter le pourcentage d'achèvement des opérations chronophages. L'implémentation couvre la visualisation de la progression sous Android et la conception d'interface utilisateur (UI), en utilisant le dessin au niveau du canvas et l'animation basée sur les « drawables » pour fournir un retour visuel au sein des applications Android.

NJKWebViewProgress is an iOS web view UI component and loading monitor designed to track and visually represent the loading state of web pages within a mobile application. It functions as a progress indicator that monitors browser activity to provide real-time feedback on page load completion. The project integrates with embedded web content to drive numerical loading values and visual indicators, such as loading bars, to manage the user interface during the page load process. The implementation relies on delegate callbacks and key-value observing to monitor the underlying web view state and