ZProgress

Progress bar indicator

Example

Import

tsx

import { ZProgress } from "zurto-ui";

Usage

tsx

import { ZProgress } from "zurto-ui";

function Example() {
  return (
    <>
      <ZProgress value={65} showLabel />
      <ZProgress value={30} />
    </>
  );
}

Props

| Prop | Type | Default | Description | | ----------- | --------- | ------- | ---------------------- | ------ | ---------- | | value | number | 0 | Progress value (0-100) | | showLabel | boolean | false | Show percentage label | | size | 'sm' | 'md' | 'lg' | 'md' | Bar height |

Accessibility

✅ Keyboard navigation support
✅ ARIA attributes included
✅ Screen reader friendly
✅ Focus management

ZProgress ​

Example ​

Import ​

Usage ​

Props ​

Accessibility ​