Arc Progress Bar

An arc progress bar that can be used to show progress made.

https://res.cloudinary.com/df32bx0qe/image/upload/v1657113551/arc_progress_bar_ugrj3y.png

Installation

  1. Add the latest version of the package to your pubspec.yaml (and run dart pub get)

dependencies: location: ^0.0.1

  1. Import the package and use it in your Flutter App

import 'package:arc_progress_bar/arc_progress_bar.dart';

Example Usage

  1. Initialize and define the stages variable (indicating "True" for stages completed by the user, etc), List must be 10 in total.

List

  1. call ArcProgressBar(): passing it the following
    • stages,
    • percentage,
    • percentageBackGrounfColor,
    • fontColor,
    • progressColor,

ArcProgressBar( stages: stages, percentage: '78', percentageBackGrounfColor: Colors.purple, fontColor: Colors.white, progressColor: Colors.green, )

https://res.cloudinary.com/df32bx0qe/image/upload/v1657113551/arc_progress_bar_ugrj3y.png

The img element

Libraries

arc_progress_bar