new: pve (#307)

lib/view/widget/percent_circle.dart

@@ -0,0 +1,41 @@
+import 'package:circle_chart/circle_chart.dart';
+import 'package:flutter/material.dart';
+import 'package:toolbox/data/res/color.dart';
+
+final class PercentCircle extends StatelessWidget {
+  final double percent;
+
+  const PercentCircle({
+    super.key,
+    required this.percent,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final percent = switch (this.percent) {
+      0 => 0.01,
+      100 => 99.9,
+      // NaN
+      final val when val.isNaN => 0.01,
+      _ => this.percent,
+    };
+    return Stack(
+      alignment: Alignment.center,
+      children: [
+        CircleChart(
+          progressColor: primaryColor,
+          progressNumber: percent,
+          maxNumber: 100,
+          width: 57,
+          height: 57,
+          animationDuration: const Duration(milliseconds: 777),
+        ),
+        Text(
+          '${percent.toStringAsFixed(1)}%',
+          textAlign: TextAlign.center,
+          style: const TextStyle(fontSize: 12.7),
+        ),
+      ],
+    );
+  }
+}