gap
Animated: ✔️
type | values | default |
---|---|---|
Number | any Number | 0 |
Defines the gap in pixels from one circle to the previous circle. It will be applied only if data
prop is used. The gap ca be specified for each circle in the data
.
Usage 📜
<ve-progress :gap="10"/>
Examples
The gap
can also be used to create hypnotising loading animations. Below are some examples that can be created by changing the gap
property dynamically in intervalls.
Different behavior
In different browsers the behavior may vary depending on the implementation of SVG. Make sure that your animations behave consistently.