percent_indicator_circle 0.0.5

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

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:percent_indicator_circle/percent_indicator_circle.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: const Color(0xFF002B5B),
        body: Center(
          child: PercentCircleIndicator(
            percent: 0.2,
            radius: 80,
            strokeWidth: 10,
            backgroundColor: Colors.yellow[900]!,
            progress: Colors.red,
            textStyle: const TextStyle(
              color: Colors.white,
              fontSize: 24,
              fontWeight: FontWeight.bold,
            ),
            animated: true,
            duration: const Duration(seconds: 1),
          ),
        ),
      ),
    );
  }
}