I’m working on a Flutter app where I want to display progress in a more engaging way. Specifically:
I could build this manually, but is there a reusable way to do this?
If you’re looking to build a custom animated progress bar in Flutter with a percentage label and optional shimmer effect, I recently published a package that handles exactly that: shimmer_progress_bar
It supports:
• Smooth progress animations
• Shimmer visual effects
• Centered or tip-aligned percentage display
• Full style customization (colors, radius, height)
• Accessibility support
• A callback when progress completes
ShimmerProgressBar(
value: 0.65,
height: 16.0,
valueColor: Colors.teal,
showShimmer: true,
showPercentage: true,
onProgressComplete: () => print('Done!'),
)
Here’s what it looks like on Android:
And on iOS:
If you’re curious how it works under the hood or want more usage examples, I wrote a detailed article on Medium: Introducing shimmer_progress_bar : A Customizable, Animated Progress Indicator for Flutter
