circle_time_progress 0.0.2 copy "circle_time_progress: ^0.0.2" to clipboard
circle_time_progress: ^0.0.2 copied to clipboard

A customizable gradient circular progress indicator for Flutter, perfect for fasting timers or similar use cases.

circle_time_progress #

pub package

A customizable gradient circular progress indicator for Flutter. Create beautiful circular timers, loaders, and progress indicators with gradients that enhance your UI on mobile, web, and desktop platforms.


✨ Features #

✅ Smooth circular progress animation ✅ Fully customizable gradient colors ✅ Adjustable stroke width, size, and start angle ✅ Supports custom StrokeCap (e.g., round, butt, square) ✅ Designed for all Flutter platforms (Android, iOS, Web, macOS, Windows, Linux) ✅ Simple to integrate in seconds


📦 Installation #

Add this to your pubspec.yaml:

dependencies:
  circle_time_progress: ^0.0.1

Then run:

flutter pub get

🚀 Usage #

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('Gradient Circular Progress')),
        body: Center(
          child: GradientCircularProgressIndicator(
            value: 0.7, // 70% progress
            size: 150,
            strokeWidth: 12,
            gradient: const LinearGradient(
              colors: [Colors.purple, Colors.pink],
            ),
            backgroundColor: Colors.grey.shade300,
          ),
        ),
      ),
    );
  }
}

📷 Screenshots #


🎬 Demo #


💡 When to use this package? #

  • Timers (e.g., workout, fasting, Pomodoro)
  • Loading indicators with stylish gradients
  • Circular progress bars for dashboards or analytics
  • Custom clocks or time trackers

Wherever you want to visually display progress or time in a modern, beautiful circular form — this widget is perfect!


🌍 Platform support #

✅ Android ✅ iOS ✅ Web ✅ macOS ✅ Windows ✅ Linux


📜 License #

This project is licensed under the MIT License.


🙌 Contributions #

Feel free to open issues or submit pull requests to improve this package!

1
likes
140
points
24
downloads

Publisher

unverified uploader

Weekly Downloads

A customizable gradient circular progress indicator for Flutter, perfect for fasting timers or similar use cases.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on circle_time_progress