gradient_circular_progress_indicator 0.0.1 copy "gradient_circular_progress_indicator: ^0.0.1" to clipboard
gradient_circular_progress_indicator: ^0.0.1 copied to clipboard

outdated

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.

Installation #

Add this line to your pubspec.yaml file:

dependencies:
  custom_circular_progress: ^1.0.0


Then run flutter pub get.

Usage
Import the package:

import 'package:custom_circular_progress/custom_circular_progress.dart';

Use the CustomCircularProgress widget in your Flutter app:

CustomCircularProgress(
  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.


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.
20
likes
0
points
1.35k
downloads

Publisher

verified publisherdilipyadav.xyz

Weekly Downloads

Circular Progress Widget with gradient progress value color and optional background color.

Repository

License

unknown (license)

Dependencies

flutter

More

Packages that depend on gradient_circular_progress_indicator