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

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

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

14 个仓库

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

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • chalarangelo/30-seconds-of-cssChalarangelo 的头像

    Chalarangelo/30-seconds-of-css

    16,021在 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
    在 GitHub 上查看↗16,021
  • mimecorg/vuidomimecorg 的头像

    mimecorg/vuido

    6,062在 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
    在 GitHub 上查看↗6,062
  • frappe/ganttfrappe 的头像

    frappe/gantt

    6,013在 GitHub 上查看↗

    Open Source Javascript Gantt

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

    JavaScript
    在 GitHub 上查看↗6,013
  • valor-software/ngx-bootstrapvalor-software 的头像

    valor-software/ngx-bootstrap

    5,519在 GitHub 上查看↗

    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.

    TypeScriptangularbootstrapcarousel
    在 GitHub 上查看↗5,519
  • jquery-ui-bootstrap/jquery-ui-bootstrapjquery-ui-bootstrap 的头像

    jquery-ui-bootstrap/jquery-ui-bootstrap

    5,493在 GitHub 上查看↗

    本项目是一个 CSS 框架和样式层,将 Bootstrap 视觉样式应用于 jQuery UI 组件。它作为一个跨库桥梁,统一这两个库的视觉标识,确保 jQuery UI 小部件匹配一致的基于 Bootstrap 的设计系统。 该框架通过基于选择器的样式注入和主题映射解决库之间的视觉和功能冲突。它使用分层集成方法将标准化 CSS 类附加到由小部件库渲染的元素上,防止样式冲突。 该项目涵盖广泛的交互式用户界面元素,包括日期选择器、自动完成字段和滑块等输入控件。它还为模态对话框和选项卡界面等布局组件提供主题样式,以及进度条、菜单和工具提示等视觉元素。

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

    HTML
    在 GitHub 上查看↗5,493
  • xuexiangjys/xuixuexiangjys 的头像

    xuexiangjys/XUI

    5,075在 GitHub 上查看↗

    XUI 是一个原生的 Android UI 框架和组件库,专为构建应用程序界面而设计。它提供了一套全面的原生布局、输入字段和导航元素,并由用于定义全局视觉属性和响应式样式的分层主题管理系统提供支持。 该框架以其专业的一套自定义视图和交互工具包而著称,包括高性能日历、数据可视化渲染以及各种带有集成计时器和视觉效果的样式化按钮。它还包括集成的媒体处理功能,如条形码和二维码扫描、自定义二维码生成以及图像裁剪界面。 该项目涵盖了广泛的 UI 和 UX 能力,包括多样化的数据输入组件、浮动窗口原语以及各种反馈指示器(如 snackbars 和进度条)。它还提供布局模板、排版配置以及用于管理视图转换和交互反馈的动画系统。

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

    Javaandroidandroid-uistyles
    在 GitHub 上查看↗5,075
  • coreui/coreui-free-react-admin-templatecoreui 的头像

    coreui/coreui-free-react-admin-template

    4,940在 GitHub 上查看↗

    这是一个基于 React 的管理后台模板和 UI 工具包,专为构建仪表盘而设计。它提供了一套完整的预设布局、无障碍组件库以及基于 Sass 的 UI 框架,用于创建管理界面。 该模板专门针对 AI 进行了优化,采用了有助于 AI 助手生成一致且可直接用于生产环境的 React 代码的组织模式。它具有灵活的样式系统,利用 Sass 变量和 CSS 自定义属性来支持可定制的亮色和暗色主题。 该工具包涵盖了广泛的界面功能,包括数据可视化小部件、支持排序和分页的交互式表格,以及多步向导等复杂表单元素。它还包含侧边栏和面包屑等高级导航系统,以及响应式网格、模态对话框和无障碍日历界面等结构化组件。

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

    JavaScriptadminadmin-dashboardadmin-panel
    在 GitHub 上查看↗4,940
  • yuche/vue-strapyuche 的头像

    yuche/vue-strap

    4,679在 GitHub 上查看↗

    vue-strap 是一个 UI 框架和组件库,提供了一系列基于 Bootstrap 的主题化界面元素,供 Vue.js 应用程序使用。它作为一个基于 Bootstrap 的组件套件,将 CSS 框架样式与响应式 JavaScript 组件架构结合在一起。 该库实现了广泛的功能性构建块,包括导航栏、下拉菜单以及手风琴面板和标签页等布局原语。它包含一套丰富的表单输入组件,具有日期选择器、自动补全搜索和集成的验证状态管理功能。 其他功能涵盖了通过模态对话框、信息气泡、加载旋转图标和颜色编码警报提供的用户反馈和覆盖层。该框架还提供了用于响应式布局设计和交互式数据录入工作流的工具。

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

    JavaScript
    在 GitHub 上查看↗4,679
  • schollz/progressbarschollz 的头像

    schollz/progressbar

    4,678在 GitHub 上查看↗

    这是一个为 Go 应用程序提供的线程安全终端进度条和 IO 进度包装器。它提供了一个库,用于在命令行界面中渲染更新的进度指示器和活动旋转图标,以可视化任务完成情况和数据流进度。 该库包含一个流包装 IO 拦截器,可自动跟踪并显示读写操作期间处理的字节量。它还支持针对工作总量未知进程的不确定性活动旋转图标。 用户可以通过自定义颜色、主题和描述性文本来配置进度指示器的视觉外观。该系统在进程向定义的目标推进时,会动态更新任务完成的可视化效果。

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

    Gocommand-linegogolang
    在 GitHub 上查看↗4,678
  • hakimel/csshakimel 的头像

    hakimel/css

    4,538在 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
    在 GitHub 上查看↗4,538
  • bootflat/bootflat.github.iobootflat 的头像

    bootflat/bootflat.github.io

    4,217在 GitHub 上查看↗

    Bootflat 是一个前端组件库和 CSS 框架扩展,为 Web 应用程序样式实现了扁平化设计美学。它提供了一组可重用的界面元素和一个移动优先的网格系统,以促进响应式 Web 设计。 该项目通过 PSD 驱动的工作流集成设计和开发,提供专业的 Photoshop 组件集和用于界面原型的精选配色方案。视觉自定义通过基于变量的主题覆盖(针对颜色和字体)进行处理。 该库涵盖了广泛的 UI 组件,包括带有验证输入和自定义选择控件的表单元素、选项卡窗格和分页等导航工具,以及 Hero 单元和页面页脚等布局结构。它还包括警报消息、工具提示和进度条等反馈元素,以传达系统状态。

    Provides horizontal progress bars to visualize task completion percentages.

    HTML
    在 GitHub 上查看↗4,217
  • papercss/papercsspapercss 的头像

    papercss/papercss

    4,183在 GitHub 上查看↗

    Papercss 是一个 CSS UI 框架和文档风格设计系统,用于构建响应式网页布局。它作为一个基于 Less 的 CSS 库,应用纸张般的审美和结构化排版,使网页呈现出物理文档的外观。该项目还结合了实用优先 (Utility-first) 的 CSS 库模型以实现快速样式设计。 该框架的特点是能够自动化视觉装饰,例如为子元素应用旋转边框样式和阴影效果。它利用基于 Less 的变量系统和模块化样式表编译,允许用户自定义全局设计变量并选择特定的组件集,以最小化最终样式表的大小。 该库涵盖了广泛的功能,包括基于 Flexbox 的 12 列响应式网格,以及模态框、警告通知和响应式导航栏等全面的 UI 组件。它还为技术内容提供专门的样式,包括代码块、数据表和文章布局,并支持浅色和深色模式。

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

    SCSScsshtmlscss
    在 GitHub 上查看↗4,183
  • bndong/cnblogs-theme-simplememoryBNDong 的头像

    BNDong/Cnblogs-Theme-SimpleMemory

    3,717在 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
    在 GitHub 上查看↗3,717
  • btroncone/learn-rxjsbtroncone 的头像

    btroncone/learn-rxjs

    3,671在 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
    在 GitHub 上查看↗3,671
  1. Home
  2. User Interface & Experience
  3. Scroll Animations
  4. Scroll Progress Mapping
  5. Scroll Progress Bars

探索子标签

  • Task Progress Bars1 个子标签Overlays 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.