​
Overview

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

​
Preview

Light mode

Dark mode

​
Installation

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" />