14 个仓库
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 is a set of Bootstrap-styled UI widgets and components built specifically for the Angular framework. It provides a library of reusable interface elements designed to work with the Angular Ivy compilation and rendering engine. The library enables the integration of Bootstrap components into Angular applications to create responsive user interfaces without requiring manual CSS or JavaScript. It replaces the need for jQuery by using Angular directives for state management and an adaptive positioning engine for floating elements. The component set covers a wide range of interactive
Provides horizontal bars to visualize the completion status of tasks or represent data sets.
本项目是一个 CSS 框架和样式层,将 Bootstrap 视觉样式应用于 jQuery UI 组件。它作为一个跨库桥梁,统一这两个库的视觉标识,确保 jQuery UI 小部件匹配一致的基于 Bootstrap 的设计系统。 该框架通过基于选择器的样式注入和主题映射解决库之间的视觉和功能冲突。它使用分层集成方法将标准化 CSS 类附加到由小部件库渲染的元素上,防止样式冲突。 该项目涵盖广泛的交互式用户界面元素,包括日期选择器、自动完成字段和滑块等输入控件。它还为模态对话框和选项卡界面等布局组件提供主题样式,以及进度条、菜单和工具提示等视觉元素。
Provides Bootstrap-themed styling for determinate and indeterminate progress bars.
XUI 是一个原生的 Android UI 框架和组件库,专为构建应用程序界面而设计。它提供了一套全面的原生布局、输入字段和导航元素,并由用于定义全局视觉属性和响应式样式的分层主题管理系统提供支持。 该框架以其专业的一套自定义视图和交互工具包而著称,包括高性能日历、数据可视化渲染以及各种带有集成计时器和视觉效果的样式化按钮。它还包括集成的媒体处理功能,如条形码和二维码扫描、自定义二维码生成以及图像裁剪界面。 该项目涵盖了广泛的 UI 和 UX 能力,包括多样化的数据输入组件、浮动窗口原语以及各种反馈指示器(如 snackbars 和进度条)。它还提供布局模板、排版配置以及用于管理视图转换和交互反馈的动画系统。
Provides horizontal and circular progress bars to visualize completion status in determinate or indeterminate states.
这是一个基于 React 的管理后台模板和 UI 工具包,专为构建仪表盘而设计。它提供了一套完整的预设布局、无障碍组件库以及基于 Sass 的 UI 框架,用于创建管理界面。 该模板专门针对 AI 进行了优化,采用了有助于 AI 助手生成一致且可直接用于生产环境的 React 代码的组织模式。它具有灵活的样式系统,利用 Sass 变量和 CSS 自定义属性来支持可定制的亮色和暗色主题。 该工具包涵盖了广泛的界面功能,包括数据可视化小部件、支持排序和分页的交互式表格,以及多步向导等复杂表单元素。它还包含侧边栏和面包屑等高级导航系统,以及响应式网格、模态对话框和无障碍日历界面等结构化组件。
Displays task completion status using animated bars with custom colors and striped patterns.
vue-strap 是一个 UI 框架和组件库,提供了一系列基于 Bootstrap 的主题化界面元素,供 Vue.js 应用程序使用。它作为一个基于 Bootstrap 的组件套件,将 CSS 框架样式与响应式 JavaScript 组件架构结合在一起。 该库实现了广泛的功能性构建块,包括导航栏、下拉菜单以及手风琴面板和标签页等布局原语。它包含一套丰富的表单输入组件,具有日期选择器、自动补全搜索和集成的验证状态管理功能。 其他功能涵盖了通过模态对话框、信息气泡、加载旋转图标和颜色编码警报提供的用户反馈和覆盖层。该框架还提供了用于响应式布局设计和交互式数据录入工作流的工具。
Includes customizable progress bars with labels to visualize the completion status of tasks.
这是一个为 Go 应用程序提供的线程安全终端进度条和 IO 进度包装器。它提供了一个库,用于在命令行界面中渲染更新的进度指示器和活动旋转图标,以可视化任务完成情况和数据流进度。 该库包含一个流包装 IO 拦截器,可自动跟踪并显示读写操作期间处理的字节量。它还支持针对工作总量未知进程的不确定性活动旋转图标。 用户可以通过自定义颜色、主题和描述性文本来配置进度指示器的视觉外观。该系统在进程向定义的目标推进时,会动态更新任务完成的可视化效果。
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 是一个前端组件库和 CSS 框架扩展,为 Web 应用程序样式实现了扁平化设计美学。它提供了一组可重用的界面元素和一个移动优先的网格系统,以促进响应式 Web 设计。 该项目通过 PSD 驱动的工作流集成设计和开发,提供专业的 Photoshop 组件集和用于界面原型的精选配色方案。视觉自定义通过基于变量的主题覆盖(针对颜色和字体)进行处理。 该库涵盖了广泛的 UI 组件,包括带有验证输入和自定义选择控件的表单元素、选项卡窗格和分页等导航工具,以及 Hero 单元和页面页脚等布局结构。它还包括警报消息、工具提示和进度条等反馈元素,以传达系统状态。
Provides horizontal progress bars to visualize task completion percentages.
Papercss 是一个 CSS UI 框架和文档风格设计系统,用于构建响应式网页布局。它作为一个基于 Less 的 CSS 库,应用纸张般的审美和结构化排版,使网页呈现出物理文档的外观。该项目还结合了实用优先 (Utility-first) 的 CSS 库模型以实现快速样式设计。 该框架的特点是能够自动化视觉装饰,例如为子元素应用旋转边框样式和阴影效果。它利用基于 Less 的变量系统和模块化样式表编译,允许用户自定义全局设计变量并选择特定的组件集,以最小化最终样式表的大小。 该库涵盖了广泛的功能,包括基于 Flexbox 的 12 列响应式网格,以及模态框、警告通知和响应式导航栏等全面的 UI 组件。它还为技术内容提供专门的样式,包括代码块、数据表和文章布局,并支持浅色和深色模式。
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.