animation
Animatedtype | 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>