10 repositorios
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 es un potenciador de navegación del lado del cliente y precargador de páginas JavaScript. Intercepta solicitudes HTTP para actualizar títulos y contenido de páginas mediante solicitudes asíncronas, evitando recargas completas del navegador para eliminar los parpadeos blancos durante la navegación. El proyecto reduce la latencia percibida del frontend obteniendo contenido enlazado en segundo plano cuando un usuario pasa el cursor sobre un hipervínculo. Este precargado basado en la intención asegura que el contenido esté listo para cuando el usuario haga clic. La herramienta gestiona la experiencia de navegación mediante la manipulación del historial del lado del cliente y la inyección de contenido basada en el DOM. También incluye un indicador de progreso de navegación personalizable que proporciona retroalimentación visual mientras se procesan las solicitudes de página asíncronas.
Ships a customizable loading progress bar that tracks the status of asynchronous network requests.
angular-loading-bar es un gestor de estado de carga y componente de barra de progreso para aplicaciones Angular. Proporciona un sistema para visualizar la actividad de solicitudes de red a través de un indicador de carga automático que monitorea las solicitudes HTTP salientes. El proyecto gestiona solicitudes de red concurrentes agrupando múltiples llamadas a la API en un único estado de carga, asegurando que el indicador permanezca visible hasta que la solicitud final se complete. Incluye un umbral de latencia para retrasar la aparición de la barra de carga, lo que evita el parpadeo visual durante solicitudes rápidas. El sistema soporta filtrado por patrones de URL para excluir llamadas específicas de fondo o de polling de la activación de la UI. También proporciona control de estado manual, permitiendo que el indicador de carga se inicie o detenga programáticamente para tareas independientes del monitoreo de red.
Provides a visual loading progress bar for Angular applications that tracks asynchronous network requests.
Este proyecto es una biblioteca de interfaz de usuario (UI) basada en Material Design y un kit de componentes móviles multiplataforma. Proporciona un conjunto de componentes de interfaz preestilizados y un framework de diseño pensado para garantizar una experiencia visual coherente en diferentes dispositivos móviles. La biblioteca incluye un sistema de gestión de temas móviles para definir y actualizar paletas de colores globales y reglas de estilo en toda la interfaz de la aplicación. Implementa patrones de diseño y reglas de espaciado estandarizados para mantener un diseño limpio y consistente. El kit de herramientas cubre la construcción de formularios e interfaces móviles utilizando elementos como botones, tarjetas, campos de entrada de texto, indicadores de carga, interruptores de selección y deslizadores de valores.
Displays a progress bar or spinning indicator to notify the user that a background process is running.
LoadingDrawable es una librería de componentes de carga para Android que proporciona elementos visuales personalizables para indicar actividad en tareas en segundo plano o estados de carga. Funciona como una colección de componentes de vista personalizados e indicadores de progreso que se integran con las vistas estándar de Android. La librería permite renderizar indicadores de carga animados para componentes de refresco o marcadores de posición de imágenes, y realiza un seguimiento del progreso de carga para reflejar el porcentaje de finalización de operaciones que consumen tiempo. La implementación abarca la visualización de progreso en Android y el diseño de UI, utilizando dibujo a nivel de canvas y animaciones basadas en drawable para proporcionar retroalimentación visual dentro de las aplicaciones 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.