Feedback

Circular Progress

Displays an indeterminate circular indicator showing the completion progress of a task.

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  spacing: 25,
  children: [
    FCircularProgress(),
    FCircularProgress.loader(),
    FCircularProgress.pinwheel(),
  ],
);

CLI

To generate and customize this style:

dart run forui style create circular-progress

Usage

FCircularProgress(...)

FCircularProgress(
  style: (style) => style.copyWith(...),
  semanticsLabel: 'Label',
  icon: FIcons.loaderCircle,
);

FCircularProgress.loader(...)

FCircularProgress.loader(
  style: (style) => style.copyWith(...),
  semanticsLabel: 'Label',
);

FCircularProgress.pinwheel(...)

FCircularProgress.pinwheel(
  style: (style) => style.copyWith(...),
  semanticsLabel: 'Label',
);

On this page