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)