Skip to component details
EXEPERTAI LAB
ProductCapabilitiesTrustFAQUI GalleryBlogNews
Sign inOpen app ↗
ProductCapabilitiesTrustFAQUI GalleryBlogNewsSign in
← Browse gallery
Feedback·@exepert/ui / Progress

Progress

A measured indication of work with a known amount or completion range.

Open in Playground ↗All components

Variants and states

3 copy-ready examples

Determinate progress

A percentage helps estimate remaining work.

Open in Playground ↗
Starting preview…
import { Progress } from "@exepert/ui";
import "@exepert/ui/styles.css";
export default function Example() {
  return (
    <Progress label="Indexing documents" value={68} max={100} showValue />
  );
}

Usage

Show a determinate value when possible and pair it with a text label.

Props

  • value: number
  • max: number
  • label: string
  • showValue: boolean

Accessibility

  • Exposes value, minimum, maximum, and label through progressbar semantics.
  • Use a separate treatment for unknown duration work.

Install

Install the pinned public release, then import the component and stylesheet.

npm install @exepert/ui@0.1.0

import { Progress } from "@exepert/ui";

import "@exepert/ui/styles.css";

EXEPERTAI LAB

Compare supported models, inspect system behaviour, and understand the context around each result.

PrivacyTermsContact

EXEPERT AI is an independent software and AI research lab in Malaysia

Malaysia · hello@exepert.com

Open in Gmail ↗

© 2026 EXEPERT AI. All rights reserved.