Semi-Circle Chart

The Semi-Circle Progress Chart component displays progress with a smooth animated arc and a central percentage value, perfect for reports and performance metrics.

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.