FLUTTER ECOSYSTEM

shirne/progress_border

A BoxBorder like Border but draw part of the border according to the progress, supported circle, rect, rectangle

progress_border project cover
Stars
16
Forks
3
Last push (UTC)
Nov 1, 2023
Project status
Active
shirne GitHub avatar
GITHUB User

shirne ↗

Flutter/PHP/Java/.NET/Vue

语辰软件中国广东惠州Official website ↗
LanguagesDartC++CMakeHTMLCSwiftKotlinObjective-C

Packages published by this repository

Dependencies used

Dependency list 3 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}
  • flutter_lintsDevelopment^2.0.0

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

ProgressBorder

pub package

A BoxBorder like Border but draw part of the border according to the progress, supported circle, rect, rectangle.

Features

  • ✅ Draw part of border
  • ✅ Supported circle, reactangle
  • ✅ Background Border under progress border
  • 🚧 PathMetric cache
  • 🚧 Custom Paint

Preview

ProgressBorder
toast

Getting started

flutter pub add progress_border

Usage

Container(
    width: 100,
    height: 100,
    decoration: BoxDecoration(
        color: Colors.blue.withAlpha(100),
        border: ProgressBorder.all(
        color: Colors.blue,
        width: 8,
        progress: animationController.value,
        ),
    ),
);

More usage see /example folder.

Additional information

To use this library in versions lower than Flutter 3.7, please specify the version number as 0.0.x.