Progress

A progress bar component to indicate the completion status of a task.

Installation

npm install fuyukaki-ui

Usage

import { Progress } from 'fuyukaki-ui'

function App() {
  return <Progress value={60} />
}

Basic Example

Sizes

Small

Medium

Large

Variants

Primary

Secondary

Success

Props

PropTypeDefault
valuenumber0
maxnumber100
variant'primary' | 'secondary' | 'success''primary'
size'sm' | 'md' | 'lg''md'