voo_circular_progress library

A highly customizable multi-ring circular progress indicator widget.

This library provides a beautiful, animated circular progress indicator similar to fitness tracking apps like Google Fit. Features include:

• Multiple concentric progress rings
• Smooth animations with customizable duration and curves
• Highly customizable appearance (colors, stroke widths, etc.)
• Efficient rendering using CustomPainter
• Flexible center widget support

Example usage:

VooCircularProgress(
  rings: [
    ProgressRing(
      current: 7762,
      goal: 10000,
      color: Colors.cyan,
      strokeWidth: 12,
    ),
    ProgressRing(
      current: 23,
      goal: 30,
      color: Colors.blue,
      strokeWidth: 12,
    ),
  ],
  size: 200,
  centerWidget: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Text('23', style: TextStyle(fontSize: 48)),
      Text('7,762', style: TextStyle(fontSize: 24)),
    ],
  ),
)

Classes

CircularProgressConfig

Configuration for the circular progress indicator.

ProgressRing

Represents a single progress ring in the circular progress indicator.

VooCircularProgress

A highly customizable multi-ring circular progress indicator.