Skip to main content

Progress Column

FdcProgressColumn renders numeric values as compact progress indicators. It is ideal for completion percentages, quality metrics, utilization, and similar progress-like signals.

Progress column sample
Loading FDC sample…
FdcGrid(
dataSet: projectRows,
options: const FdcGridOptions(readOnly: true),
columns: [
const FdcTextColumn(fieldName: 'project', width: 180),
FdcProgressColumn(
fieldName: 'completion',
width: 180,
progressMax: 100,
progressTextBuilder: (value) => '${(value ?? 0).round()}%',
),
FdcProgressColumn(
fieldName: 'quality',
width: 180,
progressTextBuilder: (value) => '${(value ?? 0).toStringAsFixed(1)}%',
),
],
);

Key characteristics

  • Read-only by design.
  • Accepts integer or decimal values.
  • Supports progressMin, progressMax, progressTextBuilder, and optional style overrides.

Example

FdcProgressColumn<dynamic>(
fieldName: 'completion',
progressMax: 100,
progressTextBuilder: (value) => '${(value ?? 0).round()}%',
)