Circular Progress Button #

A Flutter package providing a customizable circular progress button that fills in three steps.

Features #

• Circular progress indicator that fills in three steps (33%, 66%, 100%)
• Customizable appearance through ProgressButtonTheme
• Smooth animations with configurable duration
• Completion callback
• Highly customizable (colors, sizes, icons, etc.)

Getting started #

Add this to your package's pubspec.yaml file:

dependencies:
  circular_progress_button: ^0.0.1

Usage #

import 'package:circular_progress_button/circular_progress_button.dart';

// Basic usage
CircularProgressButton(
  onTap: () => print('Tapped!'),
  onComplete: () => print('Completed!'),
)

// Customized button
CircularProgressButton(
  theme: const ProgressButtonTheme(
    progressColor: Colors.green,
    backgroundColor: Colors.green.withOpacity(0.2),
    strokeWidth: 10,
    size: 80,
    iconSize: 50,
    icon: Icons.check,
  ),
  onTap: () => print('Custom button tapped!'),
  animationDuration: const Duration(milliseconds: 1500),
)

Additional information #

For issues and feature requests, please visit the GitHub repository.

License #

MIT License - see LICENSE file for details