circle_progress_bar 0.1.1

An animated progress bar with text inside and customizable style (color, stroke width, ...)

circle_progress_bar

An animated progress bar with text inside and customizable style.

Usage

1 - Depend on it

Add it to your package's pubspec.yaml file

dependencies:
  circle_progress_bar: ^0.1.1

2 - Install it

Install packages from the command line

flutter packages get

3 - Use it

import 'package:circle_progress_bar/circle_progress_bar.dart';
import 'package:flutter/material.dart';

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Example app'),
        ),
        body: SizedBox(
          width: 100,
          child: CircleProgressBar(
            foregroundColor: Colors.blue,
            backgroundColor: Colors.black12,
            value: 0.5,
            child: AnimatedCount(
              count: 0.5,
              unit: '%',
              duration: Duration(milliseconds: 500),
            ),
          ),
        )
      ),
    );
  }
}

Apps using this plugin

EHW+	Your app?
	...

Getting Started

This project is a starting point for a Flutter plug-in package, a specialized package that includes platform-specific implementation code for Android and/or iOS.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.