gradient_circular_progress_indicator 0.0.2 gradient_circular_progress_indicator: ^0.0.2 copied to clipboard
Circular Progress Widget with gradient progress value color and optional background color.
Custom Circular Progress Widget #
A customizable circular progress widget for Flutter, designed to display progress using a gradient arc with an optional background color.
Usage Import the package:
import 'package:gradient_circular_progress_indicator/gradient_circular_progress_indicator.dart';
Use the GradientCircularProgressIndicator widget in your Flutter app:
GradientCircularProgressIndicator( progress: 0.75, // Specify the progress value between 0 and 1 gradient: LinearGradient( colors: [Colors.blue, Colors.green], begin: Alignment.topLeft, end: Alignment.bottomRight, ), backgroundColor: Colors.grey, // Specify the background color child: Text('75%'), // Optional child widget )
Parameters progress: A double value between 0 and 1 representing the progress. gradient: A gradient used to color the progress arc. backgroundColor: The background color behind the unfilled portion. child: An optional child widget to place on top of the progress.
Examples
Here's an example of how you can use the GradientCircularProgressIndicator
widget
import 'package:flutter/material.dart'; import 'package:custom_circular_progress/custom_circular_progress.dart';
void main() { runApp(MyApp()); }
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Circular Progress Example', home: Scaffold( appBar: AppBar( title: Text('Circular Progress Example'), ), body: Center( child: CustomCircularProgress( progress: 0.6, gradient: RadialGradient( colors: [Colors.blue, Colors.purple], ), backgroundColor: Colors.grey, child: Text('60%'), ), ), ), ); } }
Issues and Contributions Found a bug or have a feature request? Open an issue. Contributions are welcome!
License This project is licensed under the MIT License - see the LICENSE file for details.
Author Dilip Yadav Connect with me on LinkedIn - https://www.linkedin.com/in/mryadavdilip.
Installation #
Add this line to your pubspec.yaml
file:
dependencies:
gradient_cicular_progress_indicator: ^1.0.0
Then run flutter pub get.