Flutter组件之圆形进度条（CircularProgressIndicator），编写一个实例

Flutter 的 CircularProgressIndicator 是一个用于显示加载状态或进度百分比的圆形进度条组件。它非常直观，常用于页面初始化或数据加载时提供反馈。下面是一个简单的实例：

import 'package:flutter/material.dart';

class CircularProgressExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: CircularProgressIndicator(
        value: 0.8, // 进度值，范围从 0 到 1
        strokeWidth: 5.0, // 圆环的宽度
        backgroundColor: Colors.white, // 背景颜色，默认透明
        color: Colors.blue, // 进度条的颜色
      ),
    );
  }
}

在这个例子中，`CircularProgressIndicator`的 `value` 属性设置了当前的完成进度，`strokeWidth` 控制圆环的厚度，`backgroundColor` 设置了圆环未填充部分的颜色，而 `color` 则指定了进度线的颜色。

如果你想让它动态变化，你可以将 `value` 定义为一个变量，并在需要更新进度时改变这个变量。