Flutter circular progress indicator with percentage

Flutter Chart Using Circular Progress Indicator

Full source code here

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Color.fromARGB(255, 37, 36, 36),
        body: HomePage(),
      ),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        child: TweenAnimationBuilder(
          tween: Tween<double>(begin: 0, end: 0.85),
          duration: Duration(seconds: 4),
          builder: (context, double vale, child) => Padding(
            padding: const EdgeInsets.all(15.0),
            child:
                Column(mainAxisAlignment: MainAxisAlignment.center, children: [
              CircularProgressIndicator(
                strokeWidth: 250,
                value: vale,
                color: Colors.amber,
                backgroundColor: Color.fromARGB(255, 255, 255, 255),
              ),
              Text(
                "${(vale * 100).toInt()}%",
                style: TextStyle(
                    color: Color.fromARGB(255, 0, 0, 0), fontSize: 20),
              ),
            ]),
          ),
        ),
      ),
    );
  }
}