FeedbackProgress

A progress bar on the native progress element, or a ring.

import { FeedbackProgress } from '@zairakai/vue-components/Feedback'

Usage

<FeedbackProgress />

Example

<template>
  <FeedbackProgress
    :value="60"
    label="Upload"
  />
  <FeedbackProgress label="Loading" />
</template>

Props

Name	Type	Default	Description
id	string
class	string
value	number	undefined	The current value. Without it the progress is indeterminate.
max	number	100
label	string
variant	string	'linear'

Slots

Name	Description
default

See Theming for the class hooks and the data-* state of the components.