Cephalopod

Progress

Displays an indicator showing the completion progress of a task.

Progress Bar

Progress Circle

13%
13%
13%

Usage

Code Example
import { Progress } from "cephalopod-design-system"
import { ProgressCircle } from "cephalopod-design-system"

// Progress Bar
<Progress value={66} />

// Progress Circle
<ProgressCircle value={66} size={60} strokeWidth={6} />