search

delowardev / vue3-circle-progress

Highly customizable & lightweight circular progressbar component for Vue 3, built with SVG and extensively customizable
https://codesandbox.io/s/determined-dawn-3ybev?file=/src/App.vue
MIT License
36 stars 14 forks source link

Title inside the circle #2

Closed thiagocr2017 closed 3 years ago

thiagocr2017 commented 3 years ago

Hi Delowar Hossain, tanks for this vue component, I have a question for you, how can i set title inside de circle, example 55% and will be cool if the title go 0%... to 100% if is posible.

thiagocr2017 commented 3 years ago

i to like that: set svg atribute ; set props title:Boolean false its work but i think you have a better way?

Armagedoomutils commented 3 years ago

Did you manage to get a title inside the circle? I really need to be able to write text / percentage inside there, as its shown in the demo images!

delowardev commented 3 years ago

Hi @Armagedoomutils, I will add this feature by tomorrow.

delowardev commented 3 years ago

A new version has been released with counter feature, here is the demo: https://codesandbox.io/s/determined-dawn-3ybev?file=/src/App.vue

@thiagocr2017 @Armagedoomutils

BMikic commented 1 year ago

hi, nice work! How can I show % after counter numbers

nicoagp commented 11 months ago

Hi, I can not make it work. I add the unit prop but it is not showing. Is it possible to add custom text inside of the circle? I want to display Numbers, as I do have this as a progress slider, so each cirlce would be a day. Like Day 1, day 2, and so on