10 repository-uri
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 este un enhancer de navigare client-side și preloader de pagini JavaScript. Interceptează cererile HTTP pentru a actualiza titlurile și conținutul paginii prin cereri asincrone, evitând reîmprospătările complete ale browserului pentru a elimina flash-urile albe în timpul navigării. Proiectul reduce latența percepută a frontend-ului prin preluarea conținutului linkat în fundal atunci când un utilizator trece cu mouse-ul peste un hyperlink. Acest preloading bazat pe intenție asigură că conținutul este gata în momentul în care utilizatorul dă click. Instrumentul gestionează experiența de navigare prin manipularea istoricului client-side și injectarea de conținut bazată pe DOM. Include, de asemenea, un indicator de progres al navigării personalizabil care oferă feedback vizual în timp ce cererile de pagină asincrone sunt procesate.
Ships a customizable loading progress bar that tracks the status of asynchronous network requests.
angular-loading-bar este un manager de stare de încărcare și o componentă de bară de progres pentru aplicațiile Angular. Oferă un sistem pentru vizualizarea activității cererilor de rețea printr-un indicator de încărcare automat care monitorizează cererile HTTP de ieșire. Proiectul gestionează cererile de rețea concurente prin gruparea mai multor apeluri API într-o singură stare de încărcare, asigurându-se că indicatorul rămâne vizibil până la finalizarea ultimei cereri. Include un prag de latență pentru a întârzia apariția barei de încărcare, ceea ce previne pâlpâirea vizuală în timpul cererilor rapide. Sistemul suportă filtrarea prin tipare URL pentru a exclude apelurile de fundal sau de polling specifice de la declanșarea UI-ului. De asemenea, oferă control manual al stării, permițând indicatorului de încărcare să fie pornit sau oprit programatic pentru sarcini independente de monitorizarea rețelei.
Provides a visual loading progress bar for Angular applications that tracks asynchronous network requests.
Acest proiect este o bibliotecă UI bazată pe Material Design și un kit de componente mobile cross-platform. Oferă un set de componente de interfață pre-stilizate și un framework de layout conceput pentru a asigura o experiență vizuală consistentă pe diferite dispozitive mobile. Biblioteca include un sistem de gestionare a temelor mobile pentru definirea și actualizarea paletelor de culori globale și a regulilor de stilizare în întreaga interfață a aplicației. Implementează tipare de layout standardizate și reguli de spațiere pentru a menține un design curat și unitar. Toolkit-ul acoperă construcția formularelor și interfețelor mobile folosind elemente precum butoane, carduri, câmpuri de introducere text, indicatori de încărcare, comutatoare de selecție și slidere de valori.
Displays a progress bar or spinning indicator to notify the user that a background process is running.
LoadingDrawable este o bibliotecă Android de tip „loading drawable” care oferă componente grafice personalizabile pentru a indica activitatea sarcinilor de fundal sau stările de încărcare. Aceasta funcționează ca o colecție de componente vizuale personalizate și indicatori de progres care se integrează cu view-urile standard Android. Biblioteca permite randarea indicatorilor de încărcare animați pentru componentele de refresh sau pentru placeholder-ele de imagini și urmărește progresul încărcării pentru a reflecta procentul de finalizare al operațiunilor de lungă durată. Implementarea acoperă vizualizarea progresului în Android și designul UI, utilizând desenarea la nivel de canvas și animații bazate pe drawable pentru a oferi feedback vizual în aplicațiile Android.
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.