Introducing shimmer_progress_bar — A Custom Animated Progress Bar Widget for Flutter

Progress bars don’t have to be boring. That’s exactly what inspired me to build shimmer_progress_bar — a simple, lightweight Flutter widget with just the right amount of polish: smooth animations, percentage display, and a subtle shimmer that brings your UI to life.

Whether you’re tracking donations, task completion, or user progress through an onboarding flow — this widget gives your progress states a visual upgrade without complicating your code.

✨ Features

• Animated progress fill

• Optional shimmer animation

• Percentage text (centered or aligned to the tip)

• Full style control (height, border radius, colors, fonts)

• Accessible semantics for screen readers

• Callback when progress reaches 100%

🚀 Quick Usage

ShimmerProgressBar(
  value: 0.75,
  height: 18.0,
  valueColor: Colors.deepPurple,
  backgroundColor: Colors.grey.shade300,
  showShimmer: true,
  showPercentage: true,
  onProgressComplete: () => print('Completed!'),
)

🎯 Use Cases

• Donation/fundraising progress

• XP bars or in-app rewards

• Upload/download progress

• Step-by-step onboarding

• Health/fitness goals

Android Screenshot

iOS Screenshot

🛠️ Open Source & Contributions Welcome

The core functionality is stable, and I’m currently working on expanding test coverage. If you’re interested in contributing — tests, feature ideas, edge cases — feel free to open a pull request.

☕ Support

If this package saved you time or improved your app’s UI, consider showing support:

• Buy Me a Coffee

• Sponsor me on GitHub

It goes a long way in helping me maintain and improve open-source tools like this.

📦 Try it Out

dependencies:
  shimmer_progress_bar: ^1.0.0

→ Full docs on pub.dev

→ GitHub: github.com/msomali/shimmer_progress_bar