Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv0.2.2

progress_indicator

A useful collection of custom progress indicators for flutter.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
213
Likes
36
Pub points
140

Install package

flutter pub add progress_indicator

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package offering a variety of custom progress indicators designed to enhance user experience during loading or processing states. Built with flexibility and aesthetics in mind, it provides visually appealing alternatives to default indicators. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, making it ideal for cross-platform applications. It is easy to integrate and customize, suitable for developers seeking modern, lightweight loading animations without additional complexity.

Use cases

  • Loading screens
  • Data fetching indicators
  • Form submission feedback
  • Background task tracking
  • App splash screens

Key features

  • Multiple customizable indicator designs
  • Cross-platform compatibility
  • Lightweight and performant
  • Easy integration with Flutter
  • Supports animation customization

Suitable for

  • Mobile and web app developers
  • UI/UX designers seeking visual polish
  • Projects requiring unique loading animations
  • Developers wanting minimal setup

Considerations

  • Limited documentation beyond basic usage
  • May require styling adjustments for complex themes
  • Not suited for highly dynamic or interactive progress tracking

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Progress Indicator

CircularProgress

Features

  • circular progress indicator.
  • bar progress indicator.

Usage

import 'package:progress_indicator/progress_indicator.dart';
CircularProgressIndicator
CircularProgress(
    percentage: 90.0,
    color: Colors.amber,
    backColor: Colors.grey,
    gradient: LinearGradient(colors: [Colors.blue, Colors.red]),
    showPercentage: true,
    textStyle:TextStyle(color: Colors.orange,fontSize: 70),
    stroke: 20,
    round: true,
),
BarProgressIndicator
BarProgress(
    percentage: 30.0,
    backColor: Colors.grey,
    gradient: LinearGradient(colors: [Colors.blue, Colors.red]),
    showPercentage: true,
    textStyle:TextStyle(color: Colors.orange,fontSize: 70),
    stroke: 40,
    round: true,
),

Categories

Indicators: Loading, Refresh, Progress

Source repository

Projects using this package

No data available yet.