Shiny Striped Progress Bar #

An open-source Flutter package providing an animated progress bar with stripes and a shine effect.

Features #

• Smooth animations for progress changes.
• Striped design with customizable colors.
• Shine effect to enhance visual appeal.
• Fully customizable height, colors, border radius, and more.

Getting Started #

• Installing
• Basic Examples
  • Custom Colors
  • Shine Effect
  • Border Radius
• Parameters Description

Installing #

Add the following to your pubspec.yaml file:

dependencies:
  flutter:
    sdk: flutter
  shiny_striped_progress_bar: ^1.0.3

Then import the package in your Dart code:

import 'package:shiny_striped_progress_bar/shiny_striped_progress_bar.dart';

[Example]

Basic Examples #

Custom Colors #

Set the colors for the progress bar, background, and stripes.

ShinyStripedProgressBar(
  targetProgress: 0.7,
  backgroundColor: Colors.grey.shade300,
  progressColor: Colors.blue,
  stripeColor: Colors.white,
);

Shine Effect #

The shine effect moves dynamically across the progress bar.

ShinyStripedProgressBar(
  targetProgress: 0.5,
  stripeColor: Colors.cyan,
);

Border Radius #

Adjust the corner radius for rounded progress bars.

ShinyStripedProgressBar(
  targetProgress: 0.9,
  borderRadius: BorderRadius.circular(10),
);

Parameters Description #