Progress indicators donโt have to be boring. So I built shimmer_progress_bar โ a customizable, animated progress bar widget for Flutter with built-in shimmer effects, smooth transitions, and optional percentage labels.
Whether youโre tracking donation goals, file uploads, onboarding steps, or in-app achievements, this widget makes your UI shine โจ
โธป
โ Features
- Smooth animated progress fill
- Optional shimmer effect
- Percentage display (centered or tip-aligned)
- Fully customizable (colors, radius, height, fonts)
- Accessibility-ready
- Progress completion callback
โธป
๐งช Quick Example
ShimmerProgressBar(
value: 0.75,
height: 18.0,
valueColor: Colors.green,
showShimmer: true,
showPercentage: true,
onProgressComplete: () => print('Done!'),
)
โธป
๐ฏ Use Cases
- ๐ In-app achievements / level tracking
- ๐ฆ Upload/download progress
- ๐ Fundraising or goal meters
- ๐งญ Onboarding flows
- ๐ Fitness / daily goals
โธป
๐ Full Guide
I wrote a detailed Medium article that breaks down how it works, how to customize it, and where it can fit into your Flutter projects.
โธป
๐ ๏ธ Contribute or Support
Tests are in progress (pun intended ๐), and Iโm always open to pull requests. If youโd like to help add tests, improve performance, or explore new features โ check out the GitHub repo!
And if this widget saved you time or you just enjoy polished UI tools:
๐ Buy Me a Coffee
๐ Sponsor on GitHub
โธป
๐ฆ Get Started
dependencies:
shimmer_progress_bar: ^1.0.0
Thanks for checking it out! Iโd love your feedback โ and feel free to share how you use it in your apps.
Top comments (0)