customizable_linear_circular_indicators

Description:

customizable linear circular indicators

A package to create and customize linear & circle indicator easily.
Features #
🌟Customizable circle indicator
🌟Customizable linear indicator

Getting started #
Install it #
Add package to your pubspec.yaml file
dependecies:
flutter:
sdk: flutter
customizable_linear_circular_indicators: any
copied to clipboard
Or #
flutter pub add customizable_linear_circular_indicators
copied to clipboard
Import id
import 'package:customizable_linear_circular_indicators/customizable_linear_circular_indicators.dart';
copied to clipboard

Usage #
Use indicator without adding value
CustomLinearProgressIndicator()
copied to clipboard
CustomCircleProgressIndicator()
copied to clipboard

Add indicator with value
CustomCircleProgressIndicator(
value: 100,
backColor: Colors.red,
),
copied to clipboard
CustomLinearProgressIndicator(
value: 100,
backColor: Colors.red,
),
copied to clipboard


Change indicator type
CustomCircleProgressIndicator(
value: 35,
backColor: Colors.red,
pointerColor: Colors.red,
indicatorType: IndicatorType.pointer,
),
copied to clipboard
CustomLinearProgressIndicator(
value: 35,
backColor: Colors.red,
indicatorType: IndicatorType.pointer,
),
copied to clipboard


Check on finish
CustomCircleProgressIndicator(
value: 100,
checkOnFinish: true,
backColor: Colors.red,
),
copied to clipboard
CustomLinearProgressIndicator(
value: 100,
backColor: Colors.red,
checkOnFinish: true,
height: 70,
),
copied to clipboard


Change linear edge
CustomLinearProgressIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
edgeType: EdgeType.square,
),
copied to clipboard

Cill linear indicator
CustomLinearProgressIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
filled: true,
),
copied to clipboard

To hide indicator value set showValue property to false
CustomLinearProgressIndicator(
value: 35,
backColor: Colors.red,
checkOnFinish: true,
filled: true,
showValue: false,
),
copied to clipboard