percent_indicator_circle 0.0.1

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

example/lib/main.dart

import 'package:flutter/material.dart';

import '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.4,
            radius: 60,
            strokeWidth: 10,
            backgroundColor: Colors.blue[900]!,
            progressColor: Colors.orange,
            textStyle: const TextStyle(
              color: Colors.white,
              fontSize: 24,
              fontWeight: FontWeight.bold,
            ),
            animated: true,
            duration: const Duration(seconds: 1),
          ),
        ),
      ),
    );
  }
}