Data display

Progress API

Progress shows completion for builds, migrations, uploads, and CMS workflows.

Preview

Migration64%
Build82%

Import

import { Progress } from "@axonyx/react";

Props

PropTypeDefaultDescription
valuenumberrequiredCurrent progress value.
maxnumber100Maximum progress value.
labelReactNodeundefinedOptional progress label.
showValuebooleantrueShows computed percent.

CSS contract

.ax-progress
.ax-progress__meta
.ax-progress__track
.ax-progress__bar
--ax-progress-value