how do i implement following slider sleekbar in flutter with exactly same design

Issue

enter image description here

I want to implement exactly the same slider widget in the app, I found many packages, but I want the same design.

Solution

try CircularProgressIndicator:

CircularProgressIndicator(
              backgroundColor: Colors.redAccent,
              valueColor: AlwaysStoppedAnimation(Colors.green),
              strokeWidth: 10,
            ),

and then use Column and Stack,

Column
  Stack
    CircularProgressIndicator(),
    Text('50%'),
  Text('Nutrition'),

Answered By – Jim

Answer Checked By – Robin (FlutterFixes Admin)

Leave a Reply

Your email address will not be published.