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,021GitHub पर देखें↗

    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,062GitHub पर देखें↗

    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,013GitHub पर देखें↗

    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,519GitHub पर देखें↗

    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,493GitHub पर देखें↗

    यह प्रोजेक्ट एक CSS फ़्रेमवर्क और स्टाइलिंग लेयर है जो jQuery UI घटकों पर Bootstrap विज़ुअल स्टाइल्स लागू करती है। यह इन दो लाइब्रेरीज़ की विज़ुअल पहचान को एकीकृत करने के लिए एक क्रॉस-लाइब्रेरी सेतु के रूप में कार्य करता है, यह सुनिश्चित करते हुए कि jQuery UI विजेट्स एक सुसंगत Bootstrap-आधारित डिज़ाइन सिस्टम से मेल खाते हैं। यह फ़्रेमवर्क सेलेक्टर-आधारित स्टाइल इंजेक्शन और थीम मैपिंग के माध्यम से लाइब्रेरीज़ के बीच विज़ुअल और कार्यात्मक संघर्षों को हल करता है। यह विजेट लाइब्रेरी द्वारा रेंडर किए गए तत्वों में मानकीकृत CSS क्लासेस संलग्न करने के लिए एक लेयर्ड एकीकरण दृष्टिकोण का उपयोग करता है, जिससे स्टाइल टकराव को रोका जा सके। यह प्रोजेक्ट इंटरैक्टिव यूज़र इंटरफ़ेस तत्वों की एक विस्तृत श्रृंखला को कवर करता है, जिसमें डेटपिकर्स, ऑटो-कंप्लीट फ़ील्ड्स और स्लाइडर्स जैसे इनपुट कंट्रोल्स शामिल हैं। यह मोडल डायलॉग्स और टैब्ड इंटरफ़ेस जैसे लेआउट घटकों के लिए थीम्ड स्टाइलिंग भी प्रदान करता है, साथ ही प्रोग्रेस बार्स, मेनू और टूलटिप्स जैसे विज़ुअल तत्व भी प्रदान करता है।

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

    HTML
    GitHub पर देखें↗5,493
  • xuexiangjys/xuixuexiangjys का अवतार

    xuexiangjys/XUI

    5,075GitHub पर देखें↗

    XUI एक नेटिव Android UI फ्रेमवर्क और कंपोनेंट लाइब्रेरी है जिसे एप्लिकेशन इंटरफेस बनाने के लिए डिज़ाइन किया गया है। यह नेटिव लेआउट्स, इनपुट फील्ड्स और नेविगेशन एलिमेंट्स का एक व्यापक सूट प्रदान करता है, जो वैश्विक विजुअल विशेषताओं और रिस्पॉन्सिव स्टाइल्स को परिभाषित करने के लिए एक टियर्ड थीम मैनेजमेंट सिस्टम द्वारा समर्थित है। यह फ्रेमवर्क कस्टम व्यूज़ और इंटरैक्शन टूलकिट्स के एक विशेष सेट के माध्यम से खुद को अलग करता है, जिसमें हाई-परफॉरमेंस कैलेंडर, डेटा विज़ुअलाइज़ेशन रेंडरिंग और एकीकृत टाइमर्स और विजुअल इफेक्ट्स के साथ विभिन्न स्टाइलाइज्ड बटन्स शामिल हैं। इसमें बारकोड और QR कोड स्कैनिंग, कस्टम QR जनरेशन और इमेज क्रॉपिंग इंटरफेस जैसी एकीकृत मीडिया प्रोसेसिंग क्षमताएं भी शामिल हैं। यह प्रोजेक्ट UI और UX क्षमताओं के एक व्यापक क्षेत्र को कवर करता है, जिसमें विविध डेटा एंट्री कंपोनेंट्स, फ्लोटिंग विंडो प्रिमिटिव्स और स्नैकबार्स और प्रोग्रेस गेज जैसे फीडबैक इंडिकेटर्स की एक विस्तृत श्रृंखला शामिल है। यह व्यू ट्रांज़िशन और इंटरैक्टिव फीडबैक को मैनेज करने के लिए लेआउट टेम्प्लेटिंग, टाइपोग्राफी कॉन्फ़िगरेशन और एनीमेशन सिस्टम भी प्रदान करता है।

    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,940GitHub पर देखें↗

    यह प्रोजेक्ट React-आधारित एडमिनिस्ट्रेटिव टेम्पलेट और UI किट है, जिसे डैशबोर्ड बनाने के लिए डिज़ाइन किया गया है। इसमें पहले से स्टाइल किए गए लेआउट्स, एक सुलभ (accessible) कंपोनेंट लाइब्रेरी और एडमिनिस्ट्रेटिव इंटरफेस बनाने के लिए 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,679GitHub पर देखें↗

    vue-strap is a UI framework and component library that provides a collection of themed interface elements based on Bootstrap for use within Vue.js applications. It serves as a Bootstrap-based component kit that bridges CSS framework styling with a reactive JavaScript component architecture. The library implements a wide range of functional building blocks, including navigation bars, dropdown menus, and layout primitives such as accordion panels and tabbed content. It includes an extensive set of form inputs featuring date pickers, typeahead search, and integrated validation state management.

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

    JavaScript
    GitHub पर देखें↗4,679
  • schollz/progressbarschollz का अवतार

    schollz/progressbar

    4,678GitHub पर देखें↗

    This project is a thread-safe terminal progress bar and IO progress wrapper for Go applications. It provides a library for rendering updating progress indicators and activity spinners within a command-line interface to visualize task completion and data stream progress. The library includes a stream-wrapping IO interceptor that automatically tracks and displays the volume of bytes processed during read or write operations. It also supports indeterminate activity spinners for processes where the total work volume is unknown. Users can configure the visual appearance of the progress indicators

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

    Gocommand-linegogolang
    GitHub पर देखें↗4,678
  • hakimel/csshakimel का अवतार

    hakimel/css

    4,538GitHub पर देखें↗

    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,217GitHub पर देखें↗

    Bootflat is a front-end component library and CSS framework extension that implements a flat-design aesthetic for web application styling. It provides a set of reusable interface elements and a mobile-first grid system to facilitate responsive web design. The project integrates design and development through a PSD-driven workflow, providing professional Photoshop component sets and curated color palettes for interface prototyping. Visual customization is handled via variable-based theme overrides for colors and fonts. The library covers a broad range of UI components, including form elements

    Provides horizontal progress bars to visualize task completion percentages.

    HTML
    GitHub पर देखें↗4,217
  • papercss/papercsspapercss का अवतार

    papercss/papercss

    4,183GitHub पर देखें↗

    Papercss is a CSS UI framework and document-style design system used to build responsive web page layouts. It functions as a Less-based CSS library that applies a paper-like aesthetic and structured typography to give web pages the appearance of physical documents. The project also incorporates a utility-first CSS library model for rapid styling. The framework is distinguished by its ability to automate visual decorations, such as applying rotating border styles and shadow effects to child elements. It utilizes a Less-based variable system and modular stylesheet compilation, allowing users to

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

    SCSScsshtmlscss
    GitHub पर देखें↗4,183
  • bndong/cnblogs-theme-simplememoryBNDong का अवतार

    BNDong/Cnblogs-Theme-SimpleMemory

    3,717GitHub पर देखें↗

    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,671GitHub पर देखें↗

    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.