* chore: update deps * feat: enable Volar hybrid mode * chore: lint * chore: build registry
835 B
835 B
| title | description | source | primitive |
|---|---|---|---|
| Progress | Displays an indicator showing the completion progress of a task, typically displayed as a progress bar. | apps/www/src/lib/registry/default/ui/progress | https://www.radix-vue.com/components/progress.html |
Installation
npx shadcn-vue@latest add progress
<template #Manual>
Install the following dependency:
npm install radix-vue
Copy and paste the following code into your project:
<<< @/lib/registry/default/ui/progress/Progress.vue
Usage
<script setup lang="ts">
import { Progress } from '@/components/ui/progress'
</script>
<template>
<Progress :model-value="33" />
</template>