logo image

  • Overview

    • View all components
    • Install required things

  • Common UI

    • App Logo
    • Avatar
    • Button
    • Badge

    • Typography

    • Forms

    • Notification
    • Modal
    • Card
    • Breadcrumb
    • Pagination
    • Top Progress Bar
    • Table
    • Item Grid
    • Youtube Video

  • Features UI

    • Live chat button

  • Sections

    • Hero Banner
    • FAQs

  • Layouts

    • common

    • TopBar Layout
    • SideBar Layout
  1. Home
  2. Components
  3. Common Ui
  4. Top Progress Bar

Top Progress Bar

Improve your app’s user experience with a sleek and minimal top progress bar. This component displays a thin loading indicator at the top of the page during navigation or data fetching. Built with Tailwind CSS, it’s fully customizable and easy to integrate in React or Next.js apps.

Top Progress Bar preview

top progress bar

You can refer my docs, I have provided a very detailed guide on how to use the next-nprogress-bar library to create a Top Progress Bar and integrate in your Next.js app.

Previous
Pagination
Next
Table