ProgressBar

ProgressBar

Displays an animated progress bar to visualize progress for tasks or processes.



Installation


npx react-nex add ProgressBar

Examples

Default Progress Bar


Duration Animation


Props

Value

value: The current progress value (0-100).

Active Color

activeColor: The color of the filled progress bar (default: "blue").

Inactive Color

inActiveColor: The color of the unfilled progress bar (default: "#E5E7EB").

Class Name

className: Optional class names to apply for custom styling.

Animation Duration

animationDuration: The duration of the progress animation in seconds (default: 1).