Skip to main content

​
Overview

Progress Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

​
Preview

  • Preview
  • Code

Light mode

Dark mode

​
Installation

  • CLI
  • Manual
npx nativecn-ui add Progress

​
Properties

  • className?: string (optional) - The classes for the View bar.
  • value: number - The value of the progress bar. It should be a number between 0 and 100.

​
Usage

<Progress value={25} className="mb-2" />
<Progress value={50} className="mb-2" />
<Progress value={75} className="mb-2" />