vue-gradient-ring
CSS Gradient Ring, CSS Gradient Ring Loader
install
npm i vue-gradient-ring
usage (example)
import GradientRing from 'vue-gradient-ring'
<GradientRing
size="200"
ring-height="30"
:value="75"
:colors="['#B1E1FF', '#AFB4FF', '#9C9EFE', '#A66CFF']"
/>
result:
props
name | info |
---|---|
size | ring size (default 200px) |
ringHeight | ring thickness (default 30px) |
deg | rotated degrees (default 0) |
colors | gradient color (default colors available) |
insideColor | color inside the ring (default #ffffff) |
secondColor | blank color (default #ffffff) |
value | progress value |
loading | soon.. |
transition | soon.. |
License
MIT © d1zz7