Semi-Circle Chart
Display progress with style using the Semi-Circle Progress Chart — animated, customizable colors, size, stroke width, and percentage display.
Made with Workshop
Build your own component with AI
About this Component
The Semi-Circle Progress Chart component displays progress with a smooth animated arc and a central percentage value, perfect for reports and performance metrics. You can fully customize it—set target and start percentages, choose progress and background colors, adjust stroke width and chart size, and define animation duration. The chart can trigger on scroll for interactive effects, and the percentage text can be either animated or static.
