Percentage indicator in flutter

 

Percentage indicator in flutter

Flutter Package

Circle Percentage

Code

 CircularPercentIndicator(
              animation: true,
              radius: 150,
              lineWidth: 40,
              percent: .6,
              progressColor: Colors.deepPurple,
              backgroundColor: Colors.deepPurple.shade100,
              circularStrokeCap: CircularStrokeCap.round,
              center: Text(
                "50%",
                style: TextStyle(
                    fontSize: 50,
                    fontWeight: FontWeight.bold,
                    color: Colors.amber[900]),
              ),
            ),

Linear Percentage Indicator

 LinearPercentIndicator(
              animation: true,
              progressColor: Colors.deepPurple,
              backgroundColor: Colors.deepPurple.shade100,
              lineHeight: 20,
              percent: .5,
              barRadius: Radius.circular(50),
              leading: Icon(
                Icons.home_max_outlined,
                size: 40,
                color: Colors.deepPurple,
              ),
            )