percent_indicator_circle 0.0.4

A simple circular percent indicator with a customizable stroke and label.

Percent Indicator Circle

A lightweight and customizable circular percent indicator widget for Flutter.
Supports styling and animation. It displays a circular ring showing the percentage, with an optional central label like "40%".

Features

• Easily specify percent (0.0–1.0), size, stroke width, and colors
• Built-in percentage label, stylable
• Fully stateless and pure widget
• Animate progress changesp

Screenshot

Installation

In your pubspec.yaml:

Use

• PercentCircleIndicator(
• percent: 0.4,
• radius: 60,
• strokeWidth: 10,
• backgroundColor: Colors.blue[900]!,
• progressColor: Colors.orange,
• textStyle: TextStyle(
• color: Colors.white,
• fontSize: 24,
• fontWeight: FontWeight.bold,
• ),
• animated: true,
• duration: Duration(seconds: 1),
• )

dependencies:
  percent_indicator_circle: ^1.0.4