animation
Animated| type | values | default |
|---|---|---|
| String | "default | rs | loop | reverse | bounce [duration delay]" | "default 1000 400" |
Descriptive string in form type [duration delay] that defines the initial animation of progress circle line filling. type is one from predefined animations and the optional duration and delay are Number values. The order matters: delay comes only after duration.
| values | |
|---|---|
type | default | rs | reverse | bounce| loop |
duration | any positiv Number |
delay | any positiv Number |
Usage: 📜
vue
<ve-progress animation="rs" />
<ve-progress animation="reverse 1000" />
<ve-progress animation="loop 2000 500" />Example
js
<template>
<ve-progress animation="default 1000 400" :progress="50"/>
</template>