awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

69 个仓库

Awesome GitHub RepositoriesProgress Indicators

Visual components for displaying loading states and task progress.

Distinguishing note: Focuses on visual feedback components rather than general UI layout.

Explore 69 awesome GitHub repositories matching user interface & experience · Progress Indicators. Refine with filters or upvote what's useful.

Awesome Progress Indicators GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • facebook/reactfacebook 的头像

    facebook/react

    245,669在 GitHub 上查看↗

    React 是一个用于构建用户界面的 JavaScript 库,采用组件化架构和单向数据流。

    Renders progress bar components that visualize task completion status based on numeric input values.

    JavaScriptjavascriptuifrontend
    在 GitHub 上查看↗245,669
  • willmcgugan/richwillmcgugan 的头像

    willmcgugan/rich

    56,640在 GitHub 上查看↗

    Rich is a Python terminal formatting library and user interface framework. It provides tools for rendering rich text, colors, and complex layouts within a terminal environment, including specialized formatters for markdown and source code syntax highlighting. The library distinguishes itself through high-level UI components such as tables with unicode borders, hierarchical tree views for nested data structures, and a system for building structured terminal user interfaces. It also includes a debugging visualizer for pretty-printing complex data and formatting error tracebacks. The capability

    Implements spinner animations and custom messages to indicate background work during indeterminate tasks.

    Python
    在 GitHub 上查看↗56,640
  • ionic-team/ionic-frameworkionic-team 的头像

    ionic-team/ionic-framework

    52,539在 GitHub 上查看↗

    Ionic Framework is a cross-platform UI toolkit and hybrid app framework used to build native-quality mobile and progressive web applications using HTML, CSS, and JavaScript. It functions as a web component library that enables the deployment of a single codebase across iOS, Android, and the web. The framework features a platform-adaptive design system that automatically switches the visual style of components to match the design patterns of the host operating system. It utilizes a web-component-based architecture with CSS custom properties for global theming and specialized bindings to synchr

    Ships visual components like loading spinners and progress bars to display task progress.

    TypeScriptangularcapacitorframework
    在 GitHub 上查看↗52,539
  • jgthms/bulmajgthms 的头像

    jgthms/bulma

    50,074在 GitHub 上查看↗

    Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation

    Provides native progress bar elements to visually represent the completion status of tasks.

    CSScsscss-frameworkdesign
    在 GitHub 上查看↗50,074
  • slidevjs/slidevslidevjs 的头像

    slidevjs/slidev

    47,208在 GitHub 上查看↗

    Slidev is a markdown-based presentation framework designed for creating interactive, web-based slide decks. It functions as a static site generator that transforms plain text files into modular UI components, allowing authors to maintain version control while building professional presentations. The engine provides a browser-based runtime that manages slide navigation, animated transitions, and the live execution of code blocks. What distinguishes Slidev is its developer-centric approach to technical presentations. It features built-in support for syntax highlighting, mathematical typesetting

    Slidev shows the current slide number or the total count of slides to help the audience track progress through the presentation.

    TypeScriptmarkdownpresentationslides
    在 GitHub 上查看↗47,208
  • vuetifyjs/vuetifyvuetifyjs 的头像

    vuetifyjs/vuetify

    41,003在 GitHub 上查看↗

    This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

    Displays circular loading indicators to communicate the status of ongoing background tasks.

    TypeScriptjavascriptmaterialmaterial-components
    在 GitHub 上查看↗41,003
  • textualize/textualTextualize 的头像

    Textualize/textual

    36,285在 GitHub 上查看↗

    This project is a framework for building interactive, graphical-style terminal applications. It provides a declarative component model that organizes user interfaces into a tree of nested widgets, each managing its own lifecycle, state, and rendering. By subclassing the base application class, developers can construct complex, keyboard-navigable interfaces that run directly within terminal emulators. The framework distinguishes itself through a reactive architecture and a CSS-based layout engine. It uses a reactive attribute system to automatically track state changes and trigger targeted int

    Show a progress bar widget to track the status of time-consuming tasks, supporting both indeterminate states and percentage-based completion tracking.

    Pythoncliframeworkpython
    在 GitHub 上查看↗36,285
  • fyne-io/fynefyne-io 的头像

    fyne-io/fyne

    27,941在 GitHub 上查看↗

    Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co

    Provides modal dialogs with animated progress bars that loop indefinitely to indicate ongoing background tasks.

    Goandroidcross-platformfyne
    在 GitHub 上查看↗27,941
  • element-plus/element-pluselement-plus 的头像

    element-plus/element-plus

    27,531在 GitHub 上查看↗

    Element Plus is a Vue.js UI component library and enterprise web design system used for building professional web applications with Vue.js 3. It provides a comprehensive set of pre-styled interactive components and tools designed for creating responsive user interfaces. The project includes a customizable component theme system for managing global CSS variables and dark mode palettes. It also features a Vue.js migration toolkit with automated transpilation tools to convert legacy UI code to current component standards. The library covers a wide range of capability areas, including high-perfo

    Ships visual components for displaying task completion status using striped or indeterminate progress bars.

    TypeScriptcomponent-libraryelement-pluselement-ui
    在 GitHub 上查看↗27,531
  • rstacruz/nprogressrstacruz 的头像

    rstacruz/nprogress

    26,406在 GitHub 上查看↗

    nprogress is a lightweight JavaScript UI component and web progress bar library. It provides a minimalist DOM progress indicator used to track the state of asynchronous operations within a browser document. The library allows for the visualization of loading states through a thin progress bar and spinner. It supports progress state management, enabling the bar to be started, stopped, or marked as complete, with support for incremental progress tracking and percentage-based updates. Users can modify the visual style by overriding default CSS or replacing the markup template. The component als

    Provides a minimalist visual progress indicator for tracking asynchronous operations in the browser.

    JavaScript
    在 GitHub 上查看↗26,406
  • nativescript/nativescriptNativeScript 的头像

    NativeScript/NativeScript

    25,446在 GitHub 上查看↗

    NativeScript is a cross-platform mobile development framework that enables the creation of native iOS and Android applications using JavaScript or TypeScript. It provides a direct bridge to native platform APIs, allowing developers to invoke native classes, methods, and properties directly from script code while maintaining full access to underlying mobile operating system features. The framework distinguishes itself through its direct native UI rendering, which maps declarative markup components to actual platform-native widgets rather than web-based views. This architecture is supported by

    Renders visual bars to track and display task completion status.

    TypeScriptandroidangularcapacitor
    在 GitHub 上查看↗25,446
  • livewire/livewirelivewire 的头像

    livewire/livewire

    23,448在 GitHub 上查看↗

    Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and

    Displays a visual indicator during slow page loads and allows customization of the progress bar appearance or behavior.

    PHP
    在 GitHub 上查看↗23,448
  • react-bootstrap/react-bootstrapreact-bootstrap 的头像

    react-bootstrap/react-bootstrap

    22,608在 GitHub 上查看↗

    React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.

    Provides loading spinners and placeholders to indicate background activity.

    TypeScriptbootstraphacktoberfestjavascript
    在 GitHub 上查看↗22,608
  • palantir/blueprintpalantir 的头像

    palantir/blueprint

    21,836在 GitHub 上查看↗

    Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a

    Provides progress bars, skeleton animations, and callout boxes to communicate application state.

    TypeScriptblueprintcomponentsdesign
    在 GitHub 上查看↗21,836
  • tusen-ai/naive-uitusen-ai 的头像

    tusen-ai/naive-ui

    18,381在 GitHub 上查看↗

    Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor

    Ships a set of linear and circular progress bars to visualize task completion.

    TypeScriptcomponent-libraryui-componentsvue
    在 GitHub 上查看↗18,381
  • tremorlabs/tremor-npmtremorlabs 的头像

    tremorlabs/tremor-npm

    16,461在 GitHub 上查看↗

    Tremor is a React component library designed for building analytical dashboards and data-driven web interfaces. It provides a collection of modular UI elements and pre-styled charts that allow developers to render complex datasets into clear visual summaries. The library functions as a utility-first UI kit that integrates with styling frameworks to ensure consistent design across dashboard layouts. By utilizing a declarative composition model, it enables the assembly of interfaces through reusable layout containers and property-driven visual configuration, decoupling raw data processing from

    Displays circular progress indicators to provide visual summaries of completion status.

    TypeScriptreact-componentsreactjstailwindcss
    在 GitHub 上查看↗16,461
  • picocss/picopicocss 的头像

    picocss/pico

    16,342在 GitHub 上查看↗

    Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz

    Configures checkboxes to display an indeterminate visual state for partial selection.

    CSScsscss-frameworkdark-mode
    在 GitHub 上查看↗16,342
  • hubspot/paceHubSpot 的头像

    HubSpot/pace

    15,613在 GitHub 上查看↗

    Pace is a page loading progress bar that monitors browser navigation and network requests to provide a visual loading indicator. It functions as a frontend navigation tracker and browser request monitor, tracking document states and URL patterns to drive the progress of a loading bar during page transitions. The tool includes a customizable loading indicator with configurable themes and visual styles. It provides request tracking control to filter which specific network requests trigger the progress bar using global settings or URL patterns. The system covers the monitoring of frontend reque

    Implements event listeners to execute custom functions during different stages of the loading cycle.

    CSS
    在 GitHub 上查看↗15,613
  • codebyzach/paceCodeByZach 的头像

    CodeByZach/pace

    15,650在 GitHub 上查看↗

    Pace is a browser-based utility that automatically monitors the loading state of web applications to provide visual feedback during page transitions and asynchronous operations. It functions as a frontend performance monitoring tool that tracks document readiness, network requests, and browser event loop activity to visualize progress without requiring manual markup changes. The library distinguishes itself by using automated tracking mechanisms that hook into native browser objects and document lifecycle events. By employing a state-machine-driven controller, it manages the visibility of pro

    Provides an automatic progress bar that monitors network requests and document readiness.

    CSSloading-animationloading-barloading-indicator
    在 GitHub 上查看↗15,650
  • callstack/react-native-papercallstack 的头像

    callstack/react-native-paper

    14,292在 GitHub 上查看↗

    React Native Paper is a cross-platform UI framework that provides a comprehensive suite of pre-built components based on Material Design specifications. It serves as a library for building consistent mobile interfaces by mapping high-level design elements to native platform primitives, ensuring a unified visual language across different operating systems. The library distinguishes itself through a global context provider that manages theme injection and portal-based overlay rendering for elements like modals and tooltips. Developers can apply custom brand identities by overriding default desi

    Provides visual progress indicators to inform users of background tasks or loading states.

    TypeScripthacktoberfestmaterial-designreact-native
    在 GitHub 上查看↗14,292
上一个123…4下一个
  1. Home
  2. User Interface & Experience
  3. Progress Indicators

探索子标签

  • AndroidProgress indicator components specifically designed for the Android platform using native view and animation APIs. **Distinct from Progress Indicators:** Distinct from Progress Indicators: specifically targets Android native progress indicators rather than general web or cross-platform components.
  • Controller UtilitiesProgrammatic interfaces for adjusting the state, animation speed, and styling of progress indicators in real-time. **Distinct from Progress Indicators:** Focuses on the management and control logic of the indicators rather than just the visual components themselves
  • Indeterminate Indicators1 个子标签Visual components representing ongoing operations with unknown completion times. **Distinct from Progress Indicators:** Distinct from standard Progress Indicators: specifically handles indeterminate states where completion percentage is unavailable.
  • Label CustomizationAdding and styling descriptive text, such as prefixes and suffixes, to provide context for a progress indicator. **Distinct from Progress Indicators:** Focuses on the text labeling of the indicator rather than the indicator's general loading state.
  • Lifecycle Event ListenersCallbacks that execute custom logic when a progress indicator enters specific states like start, stop, or completion. **Distinct from Progress Indicators:** Distinct from Progress Indicators: focuses on the programmatic hooks associated with the indicator's state changes rather than the visual component.
  • MaterialLinear or circular progress animations that match Material Design guidelines on older Android versions. **Distinct from Progress Indicators:** Distinct from Progress Indicators: adds Material Design-specific styling and backward-compatible animations.
  • Pagination Indicators1 个子标签Visual markers that show the current page position and total count within a paginated layout. **Distinct from Progress Indicators:** Distinct from Progress Indicators: focuses on page-based navigation progress rather than task completion or loading states.
  • Programmatic Progress Control1 个子标签APIs for manually triggering or hiding visual progress indicators during non-standard requests. **Distinct from Progress Indicators:** Focuses on the programmatic control of the indicator via API, whereas Progress Indicators are the visual components themselves.