awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoServidor MCPAcerca deCómo clasificamosPrensa
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

14 repositorios

Awesome GitHub RepositoriesScroll Progress Bars

Displays a bar that fills up as the user scrolls down the page, indicating reading progress.

Distinct from Scroll Progress Mapping: Distinct from Scroll Progress Mapping: focuses on the visual progress bar UI element, not the mathematical mapping logic.

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

Awesome Scroll Progress Bars GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • chalarangelo/30-seconds-of-cssAvatar de Chalarangelo

    Chalarangelo/30-seconds-of-css

    16,021Ver en GitHub↗

    Short CSS code snippets for all your development needs

    Ships a pure CSS scroll progress bar that fills as the user scrolls down the page.

    CSScsscss-snippetseducation
    Ver en GitHub↗16,021
  • mimecorg/vuidoAvatar de mimecorg

    mimecorg/vuido

    6,062Ver en GitHub↗

    Vuido is a framework for building native desktop applications for Windows, macOS, and Linux using Vue.js components, without requiring Electron or Chromium. It maps Vue components directly to native widgets from the libui library, creating lightweight applications that run on a single-threaded event loop and compile templates at build time for optimized runtime performance. The framework provides a complete Vue.js component-to-native bridge, enabling two-way data binding via v-model, component-based window composition, and platform-specific package generation for distributing executables. It

    Displays a horizontal progress bar that indicates the completion status of a task.

    JavaScriptdesktoplibuivue
    Ver en GitHub↗6,062
  • frappe/ganttAvatar de frappe

    frappe/gantt

    6,013Ver en GitHub↗

    Open Source Javascript Gantt

    Renders a progress indicator on each task bar to show completion percentage.

    JavaScript
    Ver en GitHub↗6,013
  • valor-software/ngx-bootstrapAvatar de valor-software

    valor-software/ngx-bootstrap

    5,519Ver en GitHub↗

    ngx-bootstrap es un conjunto de widgets y componentes de interfaz de usuario con estilo Bootstrap construidos específicamente para el framework Angular. Proporciona una librería de elementos de interfaz reutilizables diseñados para trabajar con el motor de compilación y renderizado Angular Ivy. La librería permite la integración de componentes de Bootstrap en aplicaciones Angular para crear interfaces de usuario receptivas sin requerir CSS o JavaScript manual. Reemplaza la necesidad de jQuery utilizando directivas de Angular para la gestión de estado y un motor de posicionamiento adaptativo para elementos flotantes. El conjunto de componentes cubre una amplia gama de elementos interactivos, incluyendo controles de navegación como pestañas y paginación, ventanas superpuestas como modales y popovers, y herramientas de entrada de datos como selectores de fecha y hora. También incluye widgets de diseño y retroalimentación como acordeones, barras de progreso y alertas.

    Provides horizontal bars to visualize the completion status of tasks or represent data sets.

    TypeScriptangularbootstrapcarousel
    Ver en GitHub↗5,519
  • jquery-ui-bootstrap/jquery-ui-bootstrapAvatar de jquery-ui-bootstrap

    jquery-ui-bootstrap/jquery-ui-bootstrap

    5,493Ver en GitHub↗

    Este proyecto es un framework CSS y capa de estilo que aplica estilos visuales de Bootstrap a componentes de jQuery UI. Funciona como un puente entre librerías para unificar la identidad visual de ambas, asegurando que los widgets de jQuery UI coincidan con un sistema de diseño consistente basado en Bootstrap. El framework resuelve conflictos visuales y funcionales entre las librerías mediante la inyección de estilos basada en selectores y el mapeo de temas. Utiliza un enfoque de integración por capas para adjuntar clases CSS estandarizadas a elementos renderizados por la librería de widgets, evitando colisiones de estilo. El proyecto cubre una amplia gama de elementos de interfaz de usuario interactivos, incluyendo controles de entrada como datepickers, campos de autocompletado y sliders. También proporciona estilos temáticos para componentes de layout como diálogos modales e interfaces con pestañas, así como elementos visuales como barras de progreso, menús y tooltips.

    Provides Bootstrap-themed styling for determinate and indeterminate progress bars.

    HTML
    Ver en GitHub↗5,493
  • xuexiangjys/xuiAvatar de xuexiangjys

    xuexiangjys/XUI

    5,075Ver en GitHub↗

    XUI es un framework de interfaz de usuario nativo para Android y una biblioteca de componentes diseñada para construir interfaces de aplicaciones. Proporciona un conjunto completo de diseños nativos, campos de entrada y elementos de navegación, respaldado por un sistema de gestión de temas por niveles para definir atributos visuales globales y estilos responsivos. El framework se distingue por un conjunto especializado de vistas personalizadas y kits de herramientas de interacción, incluyendo calendarios de alto rendimiento, renderizado de visualización de datos y una variedad de botones estilizados con temporizadores integrados y efectos visuales. También incluye capacidades integradas de procesamiento de medios, como escaneo de códigos de barras y QR, generación de QR personalizados e interfaz de recorte de imágenes. El proyecto cubre una amplia superficie de capacidades de UI y UX, incluyendo diversos componentes de entrada de datos, primitivas de ventanas flotantes y una amplia gama de indicadores de retroalimentación como snackbars y medidores de progreso. Además, proporciona plantillas de diseño, configuración de tipografía y sistemas de animación para gestionar transiciones de vista y retroalimentación interactiva.

    Provides horizontal and circular progress bars to visualize completion status in determinate or indeterminate states.

    Javaandroidandroid-uistyles
    Ver en GitHub↗5,075
  • coreui/coreui-free-react-admin-templateAvatar de coreui

    coreui/coreui-free-react-admin-template

    4,940Ver en GitHub↗

    Este proyecto es una plantilla administrativa basada en React y un kit de UI diseñado para construir paneles. Proporciona una colección completa de diseños con estilo previo, una biblioteca de componentes accesible y un framework de UI basado en Sass para crear interfaces administrativas. La plantilla está estructurada específicamente como un proyecto optimizado para IA, utilizando patrones de codificación y organización diseñados para ayudar a los asistentes de IA a generar código React consistente y listo para producción. Cuenta con un sistema de estilos flexible que utiliza variables Sass y propiedades personalizadas de CSS para admitir temas claros y oscuros personalizables. El kit cubre una amplia gama de capacidades de interfaz, incluyendo widgets de visualización de datos, tablas interactivas con ordenamiento y paginación, y elementos de formulario complejos como asistentes de varios pasos. Incluye sistemas de navegación de alto nivel como barras laterales y rutas de navegación, así como componentes estructurales como cuadrículas receptivas, diálogos modales e interfaces de calendario accesibles.

    Displays task completion status using animated bars with custom colors and striped patterns.

    JavaScriptadminadmin-dashboardadmin-panel
    Ver en GitHub↗4,940
  • yuche/vue-strapAvatar de yuche

    yuche/vue-strap

    4,679Ver en GitHub↗

    vue-strap es un framework de UI y una biblioteca de componentes que ofrece una colección de elementos de interfaz con temas basados en Bootstrap para aplicaciones Vue.js. Funciona como un kit de componentes que une el estilo de CSS con una arquitectura de componentes reactivos en JavaScript. La biblioteca implementa una amplia gama de bloques funcionales, incluyendo barras de navegación, menús desplegables y primitivas de diseño como paneles de acordeón y contenido con pestañas. Incluye un conjunto extenso de entradas de formulario que cuentan con selectores de fecha, búsqueda predictiva y gestión integrada del estado de validación. Las capacidades adicionales cubren la retroalimentación del usuario y superposiciones mediante el uso de diálogos modales, popovers informativos, spinners de carga y alertas codificadas por colores. El framework también proporciona herramientas para el diseño de layouts responsivos y flujos de trabajo de entrada de datos interactivos.

    Includes customizable progress bars with labels to visualize the completion status of tasks.

    JavaScript
    Ver en GitHub↗4,679
  • schollz/progressbarAvatar de schollz

    schollz/progressbar

    4,678Ver en GitHub↗

    Este proyecto es una barra de progreso de terminal segura para hilos (thread-safe) y un envoltorio de progreso de E/S para aplicaciones en Go. Proporciona una biblioteca para renderizar indicadores de progreso y spinners de actividad dentro de una interfaz de línea de comandos para visualizar la finalización de tareas y el progreso de flujos de datos. La biblioteca incluye un interceptor de E/S que rastrea y muestra automáticamente el volumen de bytes procesados durante operaciones de lectura o escritura. También admite spinners de actividad indeterminados para procesos donde el volumen total de trabajo es desconocido. Los usuarios pueden configurar la apariencia visual de los indicadores de progreso mediante colores personalizados, temas y texto descriptivo. El sistema maneja la actualización dinámica de la visualización de finalización de tareas a medida que un proceso avanza hacia un límite definido.

    Renders a terminal-based progress bar that updates dynamically to visualize task completion.

    Gocommand-linegogolang
    Ver en GitHub↗4,678
  • hakimel/cssAvatar de hakimel

    hakimel/css

    4,538Ver en GitHub↗

    This project is a collection of experimental frontend prototypes, comprising a creative web layout gallery, a CSS user interface component library, and a visual experiment lab. It serves as an interactive animation showcase for holographic effects, audio-visual synthesis, and dynamic state transitions. The repository features specialized implementations of interactive media, including physics-based particle systems, real-time audio-visual synthesis, and an interactive sketching system. It also includes tools for content generation, such as text-based image reconstruction and a web-based prese

    Tracks the user's scroll position to highlight corresponding sections of a page via an animated progress bar.

    HTML
    Ver en GitHub↗4,538
  • bootflat/bootflat.github.ioAvatar de bootflat

    bootflat/bootflat.github.io

    4,217Ver en GitHub↗

    Bootflat es una librería de componentes frontend y extensión de framework CSS que implementa una estética de diseño plano (flat design) para el estilo de aplicaciones web. Proporciona un conjunto de elementos de interfaz reutilizables y un sistema de rejilla (grid) mobile-first para facilitar el diseño web responsivo. El proyecto integra diseño y desarrollo a través de un flujo de trabajo basado en PSD, proporcionando conjuntos de componentes profesionales de Photoshop y paletas de colores curadas para la creación de prototipos de interfaz. La personalización visual se maneja mediante anulaciones de temas basadas en variables para colores y fuentes. La librería cubre una amplia gama de componentes de interfaz de usuario, incluyendo elementos de formulario con entradas validadas y controles de selección personalizados, herramientas de navegación como paneles con pestañas y paginación, y estructuras de diseño como unidades hero y pies de página. También incluye elementos de retroalimentación como mensajes de alerta, tooltips y barras de progreso para comunicar el estado del sistema.

    Provides horizontal progress bars to visualize task completion percentages.

    HTML
    Ver en GitHub↗4,217
  • papercss/papercssAvatar de papercss

    papercss/papercss

    4,183Ver en GitHub↗

    Papercss es un framework de UI CSS y un sistema de diseño estilo documento utilizado para construir layouts de páginas web responsivas. Funciona como una librería CSS basada en Less que aplica una estética similar al papel y una tipografía estructurada para dar a las páginas web la apariencia de documentos físicos. El proyecto también incorpora un modelo de librería CSS de utilidad primero (utility-first) para un estilizado rápido. El framework se distingue por su capacidad para automatizar decoraciones visuales, como la aplicación de estilos de borde rotados y efectos de sombra a elementos hijos. Utiliza un sistema de variables basado en Less y compilación modular de hojas de estilo, permitiendo a los usuarios personalizar variables de diseño globales y seleccionar conjuntos de componentes específicos para minimizar el tamaño final de la hoja de estilo. La librería cubre una amplia gama de capacidades, incluyendo una rejilla responsiva de doce columnas basada en Flexbox y un conjunto completo de componentes de UI como modales, notificaciones de alerta y barras de navegación responsivas. También proporciona estilos especializados para contenido técnico, incluyendo bloques de código, tablas de datos y layouts de artículos, junto con soporte para modos de color claro y oscuro.

    Visualizes completion status using nested bar elements to represent a percentage.

    SCSScsshtmlscss
    Ver en GitHub↗4,183
  • bndong/cnblogs-theme-simplememoryAvatar de BNDong

    BNDong/Cnblogs-Theme-SimpleMemory

    3,717Ver en GitHub↗

    Cnblogs-Theme-SimpleMemory is a customizable visual template for Cnblogs that modifies the layout and styling of blog posts and profile pages. It provides a combination of CSS stylesheets and a JavaScript-driven user interface to alter colors, typography, and layout elements. The theme includes dynamic interface enhancements such as a light and dark mode switcher, a scroll-based reading progress indicator, and a customizable embedded music player. It supports automated visual modifications triggered on specific remembrance days and the ability to change browser tab titles based on page focus.

    Ships a visual progress bar at the top of the page that tracks reading progress via scroll position.

    CSScnblogs
    Ver en GitHub↗3,717
  • btroncone/learn-rxjsAvatar de btroncone

    btroncone/learn-rxjs

    3,671Ver en GitHub↗

    This project is a comprehensive learning resource and technical reference for reactive programming with RxJS. It provides a structured curriculum, curated examples, and an indexed operator catalog to help developers shift from imperative to declarative programming using observable data streams and functional operators. The repository features a library of reactive UI patterns and implementation recipes. These cover practical applications such as type-ahead search, game loops, gesture-based interactions like swipe-to-refresh, and security overlays like lockscreens. The resource covers a broad

    Provides a real-time visual indicator that updates as multiple asynchronous requests complete.

    TypeScriptjavascriptlearning-rxjsobservables
    Ver en GitHub↗3,671
  1. Home
  2. User Interface & Experience
  3. Scroll Animations
  4. Scroll Progress Mapping
  5. Scroll Progress Bars

Explorar subetiquetas

  • Task Progress Bars1 sub-etiquetaOverlays a filled rectangle on task bars, clipped to a percentage width representing completion. **Distinct from Scroll Progress Bars:** Distinct from Scroll Progress Bars: shows task completion progress, not page scroll position.