3 - PresenteeismIndicator

gistfile1.txt

class PresenteeismIndicator extends StatefulWidget {
  const PresenteeismIndicator({super.key});

  @override
  State<PresenteeismIndicator> createState() => _PresenteeismIndicatorState();
}

class _PresenteeismIndicatorState extends State<PresenteeismIndicator> {
  @override
  Widget build(BuildContext context) {
    int value = 75;
    return Center(
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          CircularPercentIndicator(
            animation: true,
            animationDuration: 1000,
            radius: 12,
            lineWidth: 5,
            percent: Service.toDouble(value),
            progressColor: const Color(0xFF0BCE83),
            backgroundColor: const Color(0xFFF3F3F4),
            circularStrokeCap: CircularStrokeCap.round,
          ),
          const SizedBox(
            width: 5,
          ),
          Text('${Service.text(value)}%', style: CustomTextStyle.percentTitle)
        ],
      ),
    );
  }
}