circle_progress_bar 0.1.2 copy "circle_progress_bar: ^0.1.2" to clipboard
circle_progress_bar: ^0.1.2 copied to clipboard

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.

screenshot to illustrate what can be build

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?
EHW+ ...

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.

20
likes
130
pub points
90%
popularity

Publisher

verified publisherehwplus.com

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

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on circle_progress_bar