10 Repos
Visual indicators that track the completion status of asynchronous network requests during page transitions.
Distinct from Progress Value Displays: Closest candidates focus on numeric value overlays or scroll-based progress, whereas this is a time-threshold triggered network load indicator.
Explore 10 awesome GitHub repositories matching user interface & experience · Loading Progress Bars. Refine with filters or upvote what's useful.
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
Ships a customizable progress bar that activates when network requests for page content exceed a specific time threshold.
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
Displays a loading bar immediately upon URL request to prevent blank white screens during initial connection.
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
Displays a CSS-based progress bar during navigation to provide visual feedback while a page loads.
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
Implements progressive loading of static video files via Ajax to allow playback to begin before the full download completes.
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
Displays a horizontal bar indicating task or loading progress.
Instantclick ist ein clientseitiger Navigations-Enhancer und JavaScript-Seiten-Preloader. Er fängt HTTP-Anfragen ab, um Seitentitel und Inhalte via asynchroner Anfragen zu aktualisieren, wodurch vollständige Browser-Refreshes vermieden werden, um weiße Blitze während der Navigation zu eliminieren. Das Projekt reduziert die wahrgenommene Frontend-Latenz durch das Vorabladen verlinkter Inhalte im Hintergrund, wenn ein Benutzer über einen Hyperlink hovert. Dieses absichtsbasierte Preloading stellt sicher, dass Inhalte bereit sind, sobald ein Benutzer klickt. Das Tool verwaltet die Browsing-Erfahrung durch clientseitige History-Manipulation und DOM-basierte Content-Injektion. Es enthält zudem einen anpassbaren Navigations-Fortschrittsindikator, der visuelles Feedback gibt, während asynchrone Seitenanfragen verarbeitet werden.
Ships a customizable loading progress bar that tracks the status of asynchronous network requests.
angular-loading-bar ist ein Ladestatus-Manager und Fortschrittsbalken-Komponente für Angular-Anwendungen. Sie bietet ein System zur Visualisierung der Netzwerk-Request-Aktivität durch einen automatischen Ladeindikator, der ausgehende HTTP-Requests überwacht. Das Projekt verwaltet gleichzeitige Netzwerk-Requests durch Bündelung mehrerer API-Aufrufe in einen einzigen Ladestatus, wodurch sichergestellt wird, dass der Indikator sichtbar bleibt, bis der letzte Request abgeschlossen ist. Es enthält einen Latenz-Schwellenwert, um das Erscheinen des Ladebalkens zu verzögern, was visuelles Flackern bei schnellen Requests verhindert. Das System unterstützt URL-Musterfilterung, um spezifische Hintergrund- oder Polling-Aufrufe vom Auslösen des UI auszuschließen. Es bietet zudem manuelle Statuskontrolle, die es ermöglicht, den Ladeindikator programmgesteuert für Aufgaben unabhängig vom Netzwerk-Monitoring zu starten oder zu stoppen.
Provides a visual loading progress bar for Angular applications that tracks asynchronous network requests.
Dieses Projekt ist eine Material Design UI-Bibliothek und ein plattformübergreifendes Mobile-Komponenten-Kit. Es bietet eine Reihe von vorkonfigurierten UI-Komponenten und ein Layout-Framework, um ein konsistentes visuelles Erlebnis auf verschiedenen Mobilgeräten zu gewährleisten. Die Bibliothek enthält ein Mobile-Theme-Management-System zum Definieren und Aktualisieren globaler Farbpaletten und Styling-Regeln innerhalb einer App-Oberfläche. Sie implementiert standardisierte Layout-Muster und Abstandsregeln für ein sauberes und einheitliches Design. Das Toolkit deckt die Erstellung mobiler Formulare und Oberflächen ab und umfasst Elemente wie Buttons, Cards, Texteingabefelder, Ladeindikatoren, Auswahl-Toggles und Werteschieberegler.
Displays a progress bar or spinning indicator to notify the user that a background process is running.
LoadingDrawable is an Android loading drawable library that provides customizable drawable components to indicate background task activity or loading states. It functions as a collection of custom view components and progress indicators that integrate with standard Android views. The library enables the rendering of animated loading indicators for refresh components or image placeholders and tracks loading progress to reflect the completion percentage of time-consuming operations. The implementation covers Android progress visualization and UI design, utilizing canvas-level drawing and drawa
Ships visual indicators that track the completion percentage of time-consuming asynchronous operations.
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
Provides a visual loading bar that tracks the completion status of network requests during page loads.