1. Home
  2. vue-progress-avatar

vue-progress-avatar

Expamle

Progress Avatar example

Install

 # using in your project
npm i vue-progress-avatar

Nuxt

 import Vue from 'vue';
import VueProgressAvatar from 'vue-progress-avatar';

Vue.use(VueProgressAvatar);

Props

Name Type Description Default
image String Image inside circle ''
radius Number Circle radius 40
totalPoits Number Full fill target. 100
progress Number Circle progress. 0
stroke Number Stroke width. 4
strokeLinecap String Rounding the corners of a stroke. round
fillColor String Circle background color. #f5f5f5
strokeColor String Progress stroke color. #BBEE29
innerStrokeColor String Back stroke color. #dedede

© 2023 Vuejscomponent All Rights Reserved

Introducing a blog that delves into the exciting world of Vue.js components. Stay tuned for insightful examples and valuable insights that will elevate your Vue.js development skills.