Skip to content

Progress Bar

Linear progress indicator with ARIA progressbar semantics.

Usage

vue
<script setup>
import { ArchProgressBar } from "@archora/ui";
</script>

<template>
  <ArchProgressBar :value="72" :max="100" />
</template>

Live sandbox

Progress Bar can be tested directly on this page.

interactive
<ProgressBar />

Props

PropTypeDefaultDescription
valuenumber0Value.
maxnumber100Maximum value.