Progress

Playground

'use client';
import { Progress } from '@mbsw/ui';

export default function Demo() {
  const settings = {
    "label": "label",
    "showValue": true,
    "value": 64
  };
  return (
    <Progress
      label={settings.label}
      value={settings.value}
      showValue={settings.showValue}
      style={{ width: 280, maxWidth: '100%' }}
    />
  );
}

Properties

Value64

Show value

Content

Label

Usage

Set value to a finite number from 0 to 100. Set showValue to display the number.

'use client';
import { Progress } from '@mbsw/ui';

export default function Example() {
  return <Progress label="label" value={64} showValue />;
}

The Playground Code tab includes the full example with your current settings. See Installation for the CSS imports.

Composition

Progress