https://github.com/russbiggs/progresso

Linear progress bar for Flutter
https://github.com/russbiggs/progresso

dart flutter progress-bar

Last synced: about 2 months ago
JSON representation

Linear progress bar for Flutter

• Host: GitHub
• URL: https://github.com/russbiggs/progresso
• Owner: russbiggs
• License: bsd-3-clause
• Created: 2021-02-28T03:32:24.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-03-31T20:12:17.000Z (over 3 years ago)
• Last Synced: 2024-06-18T14:35:54.658Z (3 months ago)
• Topics: dart, flutter, progress-bar
• Language: Dart
• Homepage: https://pub.dev/packages/progresso
• Size: 116 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Progresso

A linear progress bar for Flutter.

## Getting Started

Add to pubspec.yaml 

```yaml

progresso: 

```

import in your flutter project

```dart

import 'package:progresso/progresso.dart';

```

## Features

In its simplest form Progresso takes a progress parameter (0.0 to 1.0)

![basic](https://raw.githubusercontent.com/russbiggs/progresso/main/imgs/basic.png)

```dart

Progresso(progress: 0.5);

```

You can also configure the color

![custom color](https://raw.githubusercontent.com/russbiggs/progresso/main/imgs/color.png)

```dart

Progresso(

    progress: 0.5, 

    progressColor: Colors.red, 

    backgroundColor: Colors.blue

);

```

Progresso can even start at a value that is not zero!

![non-zero start](https://raw.githubusercontent.com/russbiggs/progresso/main/imgs/start.png)

```dart 

Progresso(start: 0.3, progress: 0.5);

```

Give the progress bar different stroke caps:

![round end caps](https://raw.githubusercontent.com/russbiggs/progresso/main/imgs/endcap.png)

```dart 

Progresso(

    progress: 0.5, 

    progressStrokeCap: StrokeCap.round,

    backgroundStrokeCap: StrokeCap.round

);

```

Give a List of points to show points along the progress bar

![points](https://raw.githubusercontent.com/russbiggs/progresso/main/imgs/points.png)

```dart

Progresso(progress: 0.5, points: [0.2, 0.4]);

```