14 repositorios
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.
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.
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.
Open Source Javascript Gantt
Renders a progress indicator on each task bar to show completion percentage.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.