Small progress.

<script setup lang="ts">
import { Progress } from "@/components/ui/progress"
</script>

<template>
  <div class="mx-auto w-full max-w-xs space-y-2">
    <div class="flex items-center justify-between">
      <span class="text-sm font-medium">Small progress</span>
      <span class="text-muted-foreground text-sm">30%</span>
    </div>
    <Progress :model-value="30" class="h-1" />
  </div>
</template>