segmented_progress_indicator

CI pub package

Segmented arc progress and spinner widgets for Flutter.

Demo

Features

  • SegmentedProgressIndicator — compact rotating arc trail with optional center value
  • FadingSegmentedSpinner — larger spinner with configurable trail, head dot, and child overlay
  • Smooth exponential fade along the trailing segments
  • Customize size, stroke, color, segment count, and duration
  • Zero third-party dependencies beyond Flutter

Install

dependencies:
  segmented_progress_indicator: ^0.1.0

import 'package:segmented_progress_indicator/segmented_progress_indicator.dart';

Usage

Progress with center value

const SegmentedProgressIndicator(
  size: 40,
  strokeWidth: 3.5,
  color: Colors.indigo,
  centerValue: 3,
)

Fading spinner with overlay

FadingSegmentedSpinner(
  size: 72,
  segmentCount: 20,
  visibleTrail: 6,
  showHeadDot: true,
  color: Colors.indigo,
  child: Icon(Icons.hourglass_top, color: Colors.indigo.shade700),
)

Customization

Parameter Widget Description
segmentCount both Arc slots around the circle
size both Width and height
strokeWidth both Arc stroke thickness
color both Arc / head / center text color
duration both One full rotation
centerValue progress Optional integer in the center
visibleTrail spinner How many segments behind the head stay visible
showHeadDot spinner Draw a solid leading-edge dot
child spinner Optional centered overlay widget

Example

See the example/ app for side-by-side demos of both widgets.

License

MIT

Libraries

segmented_progress_indicator
Segmented arc progress and spinner widgets for Flutter.