Progress

Displays an indicator showing the completion progress of a task. Built on Radix UI.

Installation
# Install @opencosmos/ui to use Progress
pnpm add @opencosmos/ui
Preview
Loading preview...
Customize
— Progress value (0-100)
Usage
Import
import { Progress } from '@opencosmos/ui';
Example
<Progress>
  Content
</Progress>
Eject
Copy this component into your project for full customization

API Reference

PropTypeDefaultDescription
valuetext"0"Progress value (0-100)

Code Examples

Basic Usage

Progress indicator

import { Progress } from "@opencosmos/ui"

<Progress value={33} />