# Progress Bar components

> Track progress visually with 20 React progress bar components, styled using Tailwind CSS to enhance feedback and user engagement.

194 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/progress-bar.

- [indevuiProgress](https://21st.dev/@ln-dev7/components/indevui-progress.md) — by LN
- [Progressive Flux Loader](https://21st.dev/@ruixen.ui/components/progressive-flux-loader.md) — by Ruixen UI
- [Quantum Pulse Loade](https://21st.dev/@shehzammian919/components/quantum-pulse-loade.md) — by Shehzam Ali
- [Progress](https://21st.dev/@jshguo/components/interfaces-progress.md) — by jshguo
- [Scroll Progress](https://21st.dev/@ibelick/components/scroll-progress.md) — by Julien Thibeaut
- [Progress](https://21st.dev/@jshguo/components/interfaces-progress/steps.md) — by jshguo
- [Skills Showcase](https://21st.dev/@jatin-yadav05/components/skills-showcase.md) — by Jatin Yadav
- [Progress Bar](https://21st.dev/@jatin-yadav05/components/progress-bar.md) — by Jatin Yadav
- [Progress](https://21st.dev/@sean0205/components/progress/status.md) — by Sean Hello
- [Processing Card](https://21st.dev/@lyanchouss/components/processing-card.md) — by Liana Pepanyan
- [Progress](https://21st.dev/@sean0205/components/progress.md) — by Sean Hello
- [Progress](https://21st.dev/@anubra266/components/progress-1.md) — by Abraham
- [Progress](https://21st.dev/@sean0205/components/progress-1/status.md) — by Sean Hello
- [Progress](https://21st.dev/@anubra266/components/progress-1/linear-colors-progress.md) — by Abraham
- [Progress](https://21st.dev/@anubra266/components/progress-1/linear-sizes-progress.md) — by Abraham
- [Progress](https://21st.dev/@anubra266/components/progress-1/linear-with-label-progress.md) — by Abraham
- [Progress](https://21st.dev/@anubra266/components/progress-1/vertical-progress.md) — by Abraham
- [Progress](https://21st.dev/@anubra266/components/progress-1/linear-indeterminate-progress.md) — by Abraham
- [Scroll Progress Bar](https://21st.dev/@bundui/components/scroll-progress-bar.md) — by Shadcn UI Kit
- [Progress](https://21st.dev/@sean0205/components/progress-1.md) — by Sean Hello
- [Scroll Progress](https://21st.dev/@designali-in/components/scroll-progress-1.md) — by Ali Imam
- [Scroll Progress](https://21st.dev/@skyleen77/components/scroll-progress.md) — by Elliot Sutton
- [Progress](https://21st.dev/@shugar/components/progress/themed.md) — by tigran tumasov
- [Progress \[react-aria-components\]](https://21st.dev/@jolbol1/components/progress.md) — by James Shopland
- [Progress Card](https://21st.dev/@lavikatiyar/components/progress-card.md) — by Lavi Katiyar
- [Progress Bar](https://21st.dev/@shailendrakumar19999/components/progress-bar.md) — by Shailendra
- [Process Pillars](https://21st.dev/@ankitsharma2615/components/process-pillars.md) — by Ankit Sharma
- [LoaderProgressiveBar](https://21st.dev/@ruhith369/components/loader-progressive-bar.md) — by ruhith
- [Modern Verticle Progress](https://21st.dev/@bucharitesh/components/modern-verticle-progress.md) — by Ritesh Bucha
- [8bit Mana Bar](https://21st.dev/@theorcdev/components/8bit-mana-bar.md) — by OrcDev
- [8bit Enemy Health Display](https://21st.dev/@theorcdev/components/8bit-enemy-health-display.md) — by OrcDev
- [Progress](https://21st.dev/@preetsuthar17/components/progress.md) — by Preet Suthar
- [8-bit Xp Bar](https://21st.dev/@theorcdev/components/8bit-xp-bar.md) — by OrcDev
- [8bit Game Progress](https://21st.dev/@theorcdev/components/8bit-game-progress.md) — by OrcDev
- [8bit Health Bar](https://21st.dev/@theorcdev/components/8bit-health-bar.md) — by OrcDev
- [Skills Progress Dashboard](https://21st.dev/@shadcnspace/components/progress-03.md) — by ShadcnSpace
- [Progress](https://21st.dev/@olivier_1b6cd5bc/components/progress-1.md) — by Olivier Tassinari
- [Progress](https://21st.dev/@olivier_1b6cd5bc/components/progress-1/meter.md) — by Olivier Tassinari
- [Animated Progress Bar](https://21st.dev/@educlopez/components/animated-progress-bar.md) — by Edu Calvo
- [8-bit Progress](https://21st.dev/@theorcdev/components/8bit-progress.md) — by OrcDev
- [Progress Bar](https://21st.dev/@hero_ui/components/heroui-progress-bar.md) — by Hero Ui
- [Liquid Progress Loader](https://21st.dev/@animbits/components/loaders-liquid-progress.md) — by Animbits
- [Onboarding Stepper Progress](https://21st.dev/@shadcnspace/components/progress-02.md) — by ShadcnSpace
- [Progress](https://21st.dev/@coss.com/components/progress.md) — by coss
- [Progress Bar](https://21st.dev/@hero_ui/components/heroui-progress-bar/sizes.md) — by Hero Ui
- [Progress Bar](https://21st.dev/@hero_ui/components/heroui-progress-bar/colors.md) — by Hero Ui
- [Scroll Progress](https://21st.dev/@cnippet.dev/components/scroll-progress.md) — by Cnippet
- [Progress Bar](https://21st.dev/@hero_ui/components/heroui-progress-bar/without-label.md) — by Hero Ui
- [Progress Bar](https://21st.dev/@hero_ui/components/heroui-progress-bar/indeterminate.md) — by Hero Ui
- [Progress](https://21st.dev/@coss.com/components/progress/with-formatted-value.md) — by coss
- [Progress](https://21st.dev/@coss.com/components/progress/with-label-and-value.md) — by coss
- [Scroll Progress](https://21st.dev/@cnippet.dev/components/scroll-progress/in-container.md) — by Cnippet
- [UploadThing Progress](https://21st.dev/@elements-/components/uploadthing-progress.md) — by Cameron Kelliher
- [Progress Bar](https://21st.dev/@intentui/components/progress-bar.md) — by Intent UI
- [Reshaped Progress bar](https://21st.dev/@reshaped/components/reshaped-progress-bar.md) — by reshaped
- [Scroll Bars](https://21st.dev/@radiumcoders/components/scroll-bars.md) — by jay sharma
- [Scroll Progress](https://21st.dev/@cnippet.dev/components/scroll-progress/styled-percentage.md) — by Cnippet
- [Reshaped Progress bar](https://21st.dev/@reshaped/components/reshaped-progress-bar/duration.md) — by reshaped
- [Reshaped Progress bar](https://21st.dev/@reshaped/components/reshaped-progress-bar/media.md) — by reshaped
- [Reshaped Progress bar](https://21st.dev/@reshaped/components/reshaped-progress-bar/colors.md) — by reshaped

Full component directory: https://21st.dev/llms.txt
