试试这个代码

class Home extends StatefulWidget {
  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  double pendingDays = 10;
  double percent = 20.0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Percent Indicator'),
      ),
      body: Center(
        child: GestureDetector(
          onTap: () {
            setState(() {
              pendingDays++; // increase pending days on tap
              percent = pendingDays / 20; // calculate percentage
            });
          },
          child: CircularPercentIndicator(
            radius: 100.0,
            lineWidth: 15.0,
            percent: pendingDays / 20,
            center: Text(
              "Pending Days: $pendingDays",
              style: TextStyle(fontSize: 20.0),
            ),
            backgroundColor: Colors.grey,
            circularStrokeCap: CircularStrokeCap.round,
            progressColor: Colors.blue,
          ),
        ),
      ),
    );
  }
}

以上代码输出：

逻辑是

CircularProgressIndicator(
  value: currentDay / maxDay,
),
Text("${maxDay - currentDay}d"),

你可以玩widget。

class MyApp extends StatefulWidget {
  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int currentDay = 10;
  int maxDay = 20;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: GestureDetector(
        onTap: () {
          setState(() {
            currentDay++;
          });
        },
        child: Scaffold(
          body: Center(
            child: SizedBox(
              height: 200,
              width: 200,
              child: Stack(
                fit: StackFit.expand,
                children: [
                  CircularProgressIndicator(
                    value: currentDay / maxDay,
                  ),
                  Align(
                    child: Text("${maxDay - currentDay}d"),
                  )
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}

`    static const EventChannel _channel = EventChannel('video_editor_progress');    `    

late StreamSubscription _streamSubscription;
 int processPercentage = 0; 



  void initState() {
_enableEventReceiver();
super.initState();}   

 void _enableEventReceiver() {
_streamSubscription =
    _channel.receiveBroadcastStream().listen((dynamic event) {
  setState(() {
    processPercentage = (event.toDouble() * 100).round();
  });
}, onError: (dynamic error) {
  log('Received error: ${error.message}');
}, cancelOnError: true);};



void loadingStart(){
setState(() => processPercentage = 0);};