search

taisuke-j / progress-ring-component

Animated web component showing progress in percentage
MIT License
16 stars 2 forks source link

Add ability to add custom text inside progress ring #10

Closed Yash-Singh1 closed 2 years ago

Yash-Singh1 commented 3 years ago

Currently, only an internal percentage format is allowed inside the progress ring. There should be some way to specify custom text based on the current percent amount.

taisuke-j commented 3 years ago

Hi @Yash-Singh1 , can you give me an example of custom text you want to pass to the progress ring?

Yash-Singh1 commented 3 years ago

Such as Goals Completed: 55/78 or Chance of rain: 80%.

taisuke-j commented 3 years ago

I see, thanks @Yash-Singh1 . By looking at the downloads on npm, yeah seems like people are starting to use this component. I would like to hear more use cases/opinions before starting to add more features like this though.

Anyone else out there, any comments? Actually I am interested in how people are using it

taisuke-j commented 3 years ago

@Yash-Singh1 Spoke with my colleagues and got the same feedback. Will work on this :+1:

taisuke-j commented 2 years ago

@Yash-Singh1 Just published the change. You can now use custom html in the component.

https://www.npmjs.com/package/progress-ring-component/v/1.0.9

taisuke-j commented 2 years ago

@Yash-Singh1 Now we have callback functions available

https://www.npmjs.com/package/progress-ring-component/v/1.0.14

Next step is to add color scheme options