KProgress

示例

Progress value: 60%

Indeterminate

Progress bar with determinate and indeterminate variants.

Props

Name	Type	Default	Description
value	number	0	Current progress value.
max	number	100	Maximum progress value.
variant	'default' | 'indeterminate'	'default'	'default' fills based on value/max; 'indeterminate' shows a looping animation.
class	string	—	Additional CSS classes.
theme	'auto' | 'day' | 'night'	'auto'	Theme mode. auto follows the current theme; day and night force a specific mode.

Basic Usage

<script setup> import { ref } from 'vue' import { KProgress } from '@kK-2004/ui-component' const progress = ref(60) </script> <template> <KProgress :value="progress" :max="100" /> <KProgress variant="indeterminate" /> </template>