Skip to content

animation

Animated
typevaluesdefault
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
typedefault | rs | reverse | bounce| loop
durationany 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>

Released under the MIT License.