circle-progress icon indicating copy to clipboard operation
circle-progress copied to clipboard

Added Half Circle Progress

Open ac-mmi opened this issue 1 year ago • 2 comments

Fixes #11

Added a separate semi-circle-progress.js and the corresponding style file. To use this component, include the following tag in your HTML:

<semi-circle-progress value="[value]" max="[max-value]"></semi-circle-progress>

ac-mmi avatar Jul 12 '24 15:07 ac-mmi

@tigrr have you checked it

ac-mmi avatar Jul 26 '24 16:07 ac-mmi

Hi, @ac-mmi , Thank you for opening a PR and sorry for late response. While I agree with the concept of having a half-circle (or gauge) progress, I see its possible implementation differently. Rather than duplicating the existing component almost entirely, I would like to augment it with the new functionality. Maybe add an attribute / property isGauge. Or taking it even further allow configuration of any start-end angle: in case of a gauge, it would be 180 degrees instead of 360. This could be realized by adding an endAngle property alongside with the existing startAngle property. So <circle-progress start-angle="-90" end-angle="90"></circle-progress> would produce an upper half circle.

tigrr avatar Oct 26 '25 09:10 tigrr