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 是一个客户端导航增强器和 JavaScript 页面预加载器。它拦截 HTTP 请求以通过异步请求更新页面标题和内容，避免完全浏览器刷新，从而消除导航过程中的白屏闪烁。 该项目通过在用户悬停在超链接上时在后台获取链接内容来减少感知的前端延迟。这种基于意图的预加载确保在用户点击时内容已准备就绪。 该工具通过客户端历史记录操作和基于 DOM 的内容注入来管理浏览体验。它还包括一个可定制的导航进度指示器，在处理异步页面请求时提供视觉反馈。

angular-loading-bar 是一个用于 Angular 应用的加载状态管理器和进度条组件。它通过监控发出的 HTTP 请求，提供了一个自动化的加载指示器，用于可视化网络请求活动。 该项目通过将多个 API 调用捆绑到一个加载状态中来管理并发网络请求，确保指示器在最后一个请求完成前保持可见。它包含一个延迟阈值，用于推迟加载条的出现，从而防止快速请求期间出现视觉闪烁。 该系统支持 URL 模式过滤，以排除特定的后台或轮询调用触发 UI。它还提供手动状态控制，允许针对独立于网络监控的任务以编程方式启动或停止加载指示器。

该项目是一个 Material Design UI 库和跨平台移动组件工具包。它提供了一套预设样式的用户界面组件和布局框架，旨在确保不同移动设备之间的一致视觉体验。 该库包含一个移动主题管理系统，用于定义和更新应用程序界面中的全局配色方案和样式规则。它实现了标准化的布局模式和间距规则，以保持简洁且一致的设计。 该工具包涵盖了移动表单和界面的构建，包括按钮、卡片、文本输入框、加载指示器、选择开关和数值滑块等元素。

LoadingDrawable 是一个 Android 加载 Drawable 库，提供可自定义的 Drawable 组件来指示后台任务活动或加载状态。它作为一组自定义视图组件和进度指示器，可与标准 Android 视图集成。 该库支持为刷新组件或图片占位符渲染动画加载指示器，并跟踪加载进度以反映耗时操作的完成百分比。 其实现涵盖了 Android 进度可视化和 UI 设计，利用画布级绘制和基于 Drawable 的动画，在 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