awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

22 repository-uri

Awesome GitHub RepositoriesProgress Bar Widgets

Visual indicators for tracking the completion status of tasks.

Distinguishing note: Focuses on progress visualization, distinct from general status indicators.

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

Awesome Progress Bar Widgets GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • rstacruz/nprogressAvatar rstacruz

    rstacruz/nprogress

    26,406Vezi pe 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 configurable loading indicator widget for tracking task completion status.

    JavaScript
    Vezi pe GitHub↗26,406
  • livewire/livewireAvatar livewire

    livewire/livewire

    23,448Vezi pe 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

    Exposes lifecycle events and progress percentages during file transfers to enable custom user interface feedback.

    PHP
    Vezi pe GitHub↗23,448
  • eclipse-theia/theiaAvatar eclipse-theia

    eclipse-theia/theia

    21,569Vezi pe GitHub↗

    Theia is a modular framework designed for building professional-grade development environments that function as both local desktop applications and remote browser-based services. It provides a comprehensive toolkit for constructing specialized coding tools, allowing developers to assemble custom interfaces and backend logic through a flexible, contribution-based architecture. The platform distinguishes itself through a highly extensible workbench that supports the integration of existing third-party editor plugins and standard language servers. By utilizing a dependency injection container an

    Displays a persistent progress bar within a notification to provide feedback on long-running background tasks.

    TypeScriptcloud-ideeditorelectron
    Vezi pe GitHub↗21,569
  • chalarangelo/30-seconds-of-cssAvatar Chalarangelo

    Chalarangelo/30-seconds-of-css

    16,021Vezi pe GitHub↗

    Short CSS code snippets for all your development needs

    Provides a pure CSS circular progress indicator using conic gradients or SVG.

    CSScsscss-snippetseducation
    Vezi pe GitHub↗16,021
  • angular-ui/bootstrapAvatar angular-ui

    angular-ui/bootstrap

    14,206Vezi pe GitHub↗

    This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

    Visualizes the completion status of workflows using single or stacked bars with custom labels and animations.

    JavaScript
    Vezi pe GitHub↗14,206
  • spectreconsole/spectre.consoleAvatar spectreconsole

    spectreconsole/spectre.console

    11,210Vezi pe GitHub↗

    Spectre.Console is a .NET framework designed for building structured, feature-rich command-line applications. It provides a comprehensive toolkit for managing complex command hierarchies, type-safe argument parsing, and dependency injection, allowing developers to decouple business logic from input processing while maintaining modular application designs. The framework distinguishes itself through a sophisticated terminal user interface toolkit that enables the creation of dynamic, interactive console experiences. It utilizes a markup-based rendering system to display styled text, tables, cha

    Provides visual feedback for long-running operations through animated progress bars and status indicators in the terminal.

    C#ansi-colorscli-parserconsole
    Vezi pe GitHub↗11,210
  • kimmobrunfeldt/progressbar.jsAvatar kimmobrunfeldt

    kimmobrunfeldt/progressbar.js

    7,859Vezi pe GitHub↗

    This project is a client-side library for rendering responsive, animated SVG progress indicators. It functions as a frontend UI component and vector animation library designed to visualize completion status through linear, circular, and radial shapes. The library is distinguished by its support for custom vector path geometries, allowing users to define specific SVG path data to create specialized shapes. It uses a vector-based rendering approach to ensure that indicators remain sharp across different screen resolutions. The tool covers a range of capabilities including both static and anima

    Renders static, responsive visual indicators in predefined or custom shapes to show completion status.

    JavaScript
    Vezi pe GitHub↗7,859
  • pedant/sweet-alert-dialogAvatar pedant

    pedant/sweet-alert-dialog

    7,219Vezi pe GitHub↗

    This is an Android alert dialog library providing a collection of stylized pop-up components for application feedback. It provides customizable UI components for displaying themed notification windows, including integrated headers, buttons, and specialized alerts for success, error, and warning states. The library features a configurable progress indicator that renders circular loading animations with adjustable speeds and colors to show background activity. These pop-ups support real-time updates to text, icons, and interaction listeners without recreating the window. The system handles dia

    Provides circular progress indicators to visualize the status of background tasks.

    Java
    Vezi pe GitHub↗7,219
  • bearded-hen/android-bootstrapAvatar Bearded-Hen

    Bearded-Hen/Android-Bootstrap

    7,226Vezi pe GitHub↗

    Android-Bootstrap is a framework for Android application design that implements the Bootstrap design language and layout principles. It consists of a UI component library, a brand theme engine, and an icon integration toolkit to build mobile interfaces with a consistent visual theme. The framework utilizes a customizable interface to define global visual styles, colors, and typography across all application components. It includes a specialized system for mapping typeface files and unicode characters to scalable graphics within the interface. The project provides a collection of styled widge

    Ships progress bar widgets that visualize task completion status based on numeric values.

    Java
    Vezi pe GitHub↗7,226
  • nuxt/uiAvatar nuxt

    nuxt/ui

    6,675Vezi pe GitHub↗

    Nuxt UI is a comprehensive Vue component library built for the Nuxt ecosystem, providing over 125 production-ready, WAI-ARIA compliant components for building modern web applications. The library offers a complete design system with Tailwind CSS theming, supporting dark mode, custom color palettes, semantic color aliases, and runtime theme switching through CSS design tokens. It includes built-in internationalization for over 50 languages, server-side rendering compatibility, and a Figma kit that mirrors the code components for design-to-development consistency. The library distinguishes itse

    Shows the current numeric value above the progress bar for exact progress reading.

    Vuecomponentsnuxtnuxt-module
    Vezi pe GitHub↗6,675
  • rsalmei/alive-progressAvatar rsalmei

    rsalmei/alive-progress

    6,245Vezi pe GitHub↗

    Provides an animated terminal widget with customizable spinners and bars for progress feedback.

    Pythonaliveanimatedanimations
    Vezi pe GitHub↗6,245
  • daimajia/numberprogressbarAvatar daimajia

    daimajia/NumberProgressBar

    6,092Vezi pe GitHub↗

    NumberProgressBar este o bibliotecă de vizualizare Android personalizabilă care oferă un indicator de progres subțire. Aceasta combină un nivel de umplere vizual cu o valoare numerică pentru a afișa starea finalizării în cadrul aplicațiilor Android. Componenta permite atașarea de etichete personalizate de prefix și sufix la indicatorii numerici pentru a oferi context suplimentar. Suportă o gamă de opțiuni de stilizare, inclusiv posibilitatea de a ajusta culorile, înălțimea și dimensiunea textului barelor de progres pentru a se potrivi cu design-uri vizuale specifice.

    Ships a slim progress bar that displays a numeric value alongside a visual fill level.

    Java
    Vezi pe GitHub↗6,092
  • dmytrodanylyk/circular-progress-buttonAvatar dmytrodanylyk

    dmytrodanylyk/circular-progress-button

    5,749Vezi pe GitHub↗

    This is an Android button widget that morphs into a circular progress indicator during asynchronous operations. The core identity of the project is a custom UI component that transforms a standard button into a loading spinner, then reverts it upon task completion. The implementation uses canvas-based morphing animation to transition between button and circular progress shapes, with property animation interpolation controlling the transformation over time. A state-driven view hierarchy switches between button and progress indicator layouts based on a finite state machine, while layer-based co

    Transforms a standard button into a circular loading spinner that shows an ongoing operation's progress.

    Java
    Vezi pe GitHub↗5,749
  • jerryzliu/dayflowAvatar JerryZLiu

    JerryZLiu/Dayflow

    5,751Vezi pe GitHub↗

    Dayflow is a privacy-focused productivity tool that records screen activity locally and analyzes it with on-device AI. It captures screen frames at one frame per second, stores everything in a local database, and processes all analysis entirely on the machine to keep data private. The system builds a searchable timeline of work activity and enables natural-language queries about past screen time. The tool distinguishes itself by offering runtime switching between local AI models and cloud providers, allowing users to balance accuracy, privacy, and performance. It automatically runs AI inferen

    Provides menu bar controls to instantly start, stop, and pause screen recording.

    Swiftaichatgptclaude
    Vezi pe GitHub↗5,751
  • clans/floatingactionbuttonAvatar Clans

    Clans/FloatingActionButton

    5,175Vezi pe GitHub↗

    Acest proiect oferă un set de widget-uri Android Material Design, inclusiv butoane de acțiune flotante și componente de meniu de acțiune flotante. Aceste elemente evidențiază acțiunile principale de pe ecran prin dimensionare personalizabilă, efecte de umbră și componente UI Jetpack Compose. Biblioteca include un buton de progres circular care încorporează un spinner de încărcare pentru a semnala procesarea sarcinilor în fundal. Componentele sale de meniu organizează butoanele care se extind cu etichete și estomparea fundalului pentru a oferi acces rapid la mai multe acțiuni principale ale aplicației.

    Provides buttons that transform into circular progress indicators to signal background task processing.

    Javaandroidfloatingactionbutton
    Vezi pe GitHub↗5,175
  • chakra-ui/arkAvatar chakra-ui

    chakra-ui/ark

    5,004Vezi pe GitHub↗

    Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

    Provides a circular progress indicator with determinate and indeterminate modes.

    TypeScriptcomponentsdesign-systemheadless
    Vezi pe GitHub↗5,004
  • castorflex/smoothprogressbarAvatar castorflex

    castorflex/SmoothProgressBar

    4,512Vezi pe GitHub↗

    SmoothProgressBar este o bibliotecă Android de tip progress bar personalizat, concepută pentru a randa indicatori de încărcare nedeterminați, orizontali și circulari. Funcționează ca o componentă UI reutilizabilă și extensie de view utilizată pentru a afișa starea proceselor de fundal în aplicațiile Android. Biblioteca oferă animații fluide și stiluri personalizate pentru a crea stări de încărcare fluide. Suportă atât formate liniare, cât și circulare, permițând culori și stiluri specifice pentru a se potrivi cu sistemul de design al unei aplicații mobile.

    Renders customizable circular and horizontal indeterminate progress indicators to signal background activity.

    Java
    Vezi pe GitHub↗4,512
  • dankamongmen/notcursesAvatar dankamongmen

    dankamongmen/notcurses

    4,347Vezi pe GitHub↗

    Notcurses is a terminal graphics engine and TUI library that renders high-fidelity images, video, and rich Unicode graphics directly in terminal emulators. At its core, it provides a layered framebuffer system that composes overlapping planes with independent depth and opacity, enabling complex visual scenes. The library also includes a terminal input processor for capturing and decoding keyboard and mouse events, a data visualization toolkit for histograms and line plots, a multimedia terminal player for images and video, and a TUI widget framework with reusable interface components. The lib

    Draws a progress bar widget that updates to reflect task completion.

    Ccclincurses
    Vezi pe GitHub↗4,347
  • ongakuer/circleindicatorAvatar ongakuer

    ongakuer/CircleIndicator

    4,258Vezi pe GitHub↗

    CircleIndicator este o componentă UI personalizată pentru Android care funcționează ca un indicator circular de progres al paginii. Oferă un element de interfață grafică ce reprezintă finalizarea sau progresul printr-un arc circular. Componenta este concepută pentru a urmări poziția unui utilizator într-o secvență de pagini, cum ar fi în timpul navigării prin fluxul de onboarding sau tranzițiile liniare între ecrane. Aceasta vizualizează progresul printr-un set de ecrane pentru a oferi feedback în timpul navigării în aplicația mobilă.

    Provides a circular progress indicator to track and display a user's current position in a page sequence.

    Java
    Vezi pe GitHub↗4,258
  • lzyzsd/circleprogressAvatar lzyzsd

    lzyzsd/CircleProgress

    3,800Vezi pe GitHub↗

    CircleProgress is a custom view library for Android that provides reusable UI widgets for rendering circular, donut, or arc-shaped progress indicators. It is designed to help developers visualize task completion status and data progress within native mobile application interfaces. The component allows for the display of custom text labels and inner graphical assets alongside the progress indicator. It functions by manually calculating paths and arcs on a canvas surface, translating progress percentages into geometric angles to ensure accurate positioning within a circular frame. The library

    Provides reusable circular, donut, and arc-shaped progress indicators for visualizing task completion status.

    Java
    Vezi pe GitHub↗3,800
Înapoi12Înainte
  1. Home
  2. User Interface & Experience
  3. Progress Bar Widgets

Explorează sub-etichetele

  • Multi-Environment RenderersRenders progress bars in terminals, Jupyter notebooks, and non-TTY environments with automatic detection. **Distinct from Progress Bar Widgets:** Distinct from Progress Bar Widgets: adds environment detection and adaptation, not just visual display.
  • Pause and Resume CapabilitiesAbility to suspend a progress bar mid-processing and later resume from the saved state. **Distinct from Progress Bar Widgets:** Distinct from Progress Bar Widgets: adds lifecycle management (pause/resume) to the progress bar, not just visual display.
  • Progress Value Displays2 sub-tag-uriShows the current numeric value above the bar so users can read the exact progress. **Distinct from Progress Bar Widgets:** Distinct from Progress Bar Widgets: focuses on displaying the numeric value alongside the bar rather than the bar itself.