search

tigrr / circle-progress

Responsive, accessible, animated, stylable with CSS circular progress bar available as plain (vanilla) JS and jQuery plugin.
https://tigrr.github.io/circle-progress
MIT License
171 stars 44 forks source link

Number of Segments in Circle #28

Closed emorling closed 5 months ago

emorling commented 9 months ago

Awesome library!

is it possible to define the number of segments in the circle?

For example:

min: 0 max: 10 value: 5

To have 10 segments that make up the circle, and 5 of them "filled".

tigrr commented 9 months ago

Thank you!

If I understand you correctly, what you need is something like these:

Screenshot_20240128_220654_Chrome Screenshot_20240128_220629_Chrome Screenshot_20240128_220603_Chrome Screenshot_20240128_220738_Chrome

You can customize Circle Progress's look with CSS.

Please, check these and other examples along with their code on the examples page.

tigrr commented 8 months ago

@emorling did that answer your question?