Progress

Displays the progress of a task.

Properties

value

Example

Source Code

Installation

"use client";

import React from "react";
import { Progress } from "@/subframe/components/Progress";

function ProgressExample() {
  return <Progress value={30} />;
}

export default ProgressExample;

Props

Progress

Indicator

Prop

Type

Default

Additional info

value

number

30

This is a Radix Progress Root component. Find its full list of properties by visiting their docs.

Examples

Value

Use the value prop to set the value of the progress bar. It should be a number between 0 and 100.


View code

Built in Subframe

ProductComponents Theme Templates Installation Quick start Pricing

CompanyBlog LinkedIn X / Twitter Github

ResourcesSlack community Help center For agencies For design systems Subframe vs Figma