â–ē

Flutter Gems is a curated list of 6000+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn Twitter

Top Flutter Indicators: Loading, Refresh, Progress packages

Last updated: December 4, 2024

An indicator is a small animated graphical icon (called spinner), that indicates the status of a particular task or process such as status of a network request, asset or image loading, or the progress of a task. Many indicators also include a text label that provides additional information about the status of the application or process.

Often the Flutter app would be performing an asynchronous operation and it would be necessary to prevent the user from tapping or using the app while this operation is in progress. It might be a very quick operation, but sometimes can take a bit longer due to network connectivity and other reasons. To prevent users from accidently tapping the button twice, or changing inputs. To solve this problem a loading indicator can be displayed in an overlay while the operation is in progress. This overlay indicator is also known as Heads-up-display (HUD) indicator.

Based on functionality, the various types of indicators available in Flutter are:

  • Loading Indicator - It is a circular or linear indicator which animates while the time consuming task is in progress. Apart from the indicator, it can also be paired up with a text such as "Loading".
  • Progress Indicator - Progress indicators are similar to loading indicators, and they also inform the user about the status of ongoing process, such as task progress percentage, stage of progress, etc. They can also communicate and indicate available actions, such as whether users can navigate away from the current screen. For example, in a hyperlocal delivery app, the user can navigate away from the screen once the payment step is complete, while the progress indicator will continue updating.
  • Refresh Indicator - Whenever a user performs the swipe-to-refresh action, vertical swipe to trigger a callback method that refreshes data, a distinctive progress bar is displayed. This progress indicator is also known as refresh indicator.

The complete list of Flutter packages that can help you add a Loading Indicator, Progress Indicator, Refresh Indicator or Heads-up-display (HUD) indicator to your Flutter app is provided below.


flutter_spinkit Card Image
flutter_spinkit
Dart 3 compatible 👍 4.3K
Maintenance Status: Good

A collection of loading indicators animated with flutter.

percent_indicator Card Image
percent_indicator
Dart 3 compatible 👍 2.62K
Maintenance Status: Good

Library that allows you to display progress widgets based on percentage, can be Circular or Linear, you can also customize it to your needs.

loading_animation_widget Card Image
loading_animation_widget
Dart 3 compatible 👍 1.74K
Maintenance Status: Good

Loading animation or loading spiner or loader. It's used to show loading animation when the app is in loading state or something is processing for uncertain time.

custom_refresh_indicator Card Image
custom_refresh_indicator
Dart 3 compatible 👍 834
Maintenance Status: Good

Widget that makes it easy to implement a custom pull to refresh gesture.

loader_overlay Card Image
loader_overlay
Dart 3 compatible 👍 484
Maintenance Status: Good

A simple package to simplify screen management. When loading any async task, this package prevent the user from interacting with the screen until the async task finishes.

easy_refresh
Dart 3 compatible 👍 450
Maintenance Status: Good

A flutter widget that provides pull-down refresh and pull-up load.

sn_progress_dialog Card Image
sn_progress_dialog
Dart 3 compatible 👍 267
Maintenance Status: Good

Customizable progress dialog package for Flutter.(Captures the progress value)

modal_progress_hud_nsn Card Image
modal_progress_hud_nsn
Dart 3 compatible 👍 266
Maintenance Status: Good

A modal progress indicator widget with Sound Null Safety. A fork of modal_progress_hud

loading_overlay Card Image
loading_overlay
Dart 3 compatible 👍 181
Maintenance Status: Good

A modal progress indicator widget that fades in and out. Wrap around another widget to block access to widget during an async call.

widget_loading Card Image
widget_loading
Dart 3 compatible 👍 88
Maintenance Status: Good

An easy way to hide a widget when you have nothing to show yet and need a loading animation at the same time.

swipe_refresh Card Image
swipe_refresh
Dart 3 compatible 👍 83
Maintenance Status: Good

Set of widgets provides make refresh by using pull down gesture.

overlay_loader_with_app_icon Card Image
overlay_loader_with_app_icon
Dart 3 compatible 👍 78
Maintenance Status: Good

A flutter package that shows a beautiful overlay loader with appIcon when initiating an async call.

linear_progress_bar Card Image
linear_progress_bar
Dart 3 compatible 👍 63
Maintenance Status: Good

Flutter and Dart advanced linear progress indicator like Native Android Progress Bar

flutter_svprogresshud Card Image
flutter_svprogresshud
Dart 3 compatible 👍 49
Maintenance Status: Good

A clean and lightweight progress HUD for flutter app, based on SVProgressHUD.

progress_dialog_null_safe Card Image
progress_dialog_null_safe
Dart 3 compatible 👍 44
Maintenance Status: Good

Reviving an old progress dialog

modal_progress_indicator
Dart 3 compatible 👍 28
Maintenance Status: Good

Configurable modal progress indicator that blocks access to a wrapped widget and its subtree.

stylish_pull_to_refresh Card Image
stylish_pull_to_refresh
Dart 3 compatible 👍 9
Maintenance Status: Good

This is a Flutter package with multiple RefreshIndicator animated styles.

flutter_circular_progress_indicator Card Image
flutter_circular_progress_indicator
Dart 3 compatible 👍 5
Maintenance Status: Good

Flutter Beautiful Loading

progress_bar_countdown Card Image
progress_bar_countdown
Dart 3 compatible 👍 1
Maintenance Status: Good

An animated timer that counts down like a progress bar

loading_indicator Card Image
loading_indicator
Dart 3 compatible 👍 605
Maintenance Status: Average

A collection loading animations written in pure dart. Out of the box, no extra dependency.

pull_to_refresh_flutter3
Dart 3 compatible 👍 176
Maintenance Status: Average

a widget provided to the flutter scroll component drop-down refresh and pull up load.

liquid_progress_indicator_v2 Card Image
liquid_progress_indicator_v2
Dart 3 compatible 👍 96
Maintenance Status: Average

Based on https://pub.dev/packages/liquid_progress_indicator to fix a issue after Flutter 3.10 A progress indicator with water-like effect in Flutter. Works similarly to Flutters own ProgressIndicator.

flutter_rounded_progress_bar Card Image
flutter_rounded_progress_bar
Dart 3 compatible 👍 85
Maintenance Status: Average

Rounded Progressbar in Flutter that customize color and border.

dashed_circular_progress_bar Card Image
dashed_circular_progress_bar
Dart 3 compatible 👍 68
Maintenance Status: Average

Dashed circular progress bar shows the progress of a task in a circle, which can be customized in color, style, and shape.

page_view_dot_indicator Card Image
page_view_dot_indicator
Dart 3 compatible 👍 65
Maintenance Status: Average

A simple and animated page view indicator in the form of dots, which you can customise color, size, space and duration.

pull_to_refresh_notification Card Image
pull_to_refresh_notification
Dart 3 compatible 👍 62
Maintenance Status: Average

Flutter plugin for building pull to refresh effects with PullToRefreshNotification and PullToRefreshContainer quickly.

flutter_animated_loadingkit Card Image
flutter_animated_loadingkit
Dart 3 compatible 👍 62
Maintenance Status: Average

A collection of custom loading indicators animated with flutter.

circular_seek_bar Card Image
circular_seek_bar
Dart 3 compatible 👍 61
Maintenance Status: Average

Circular progress/seek bar package for flutter that supports customizable animations, dashes, and gradients.

simple_fontellico_progress_dialog Card Image
simple_fontellico_progress_dialog
Dart 3 compatible 👍 59
Maintenance Status: Average

This package helps you to render a progress dialog with different types of loading indicator.

uiblock Card Image
uiblock
Dart 3 compatible 👍 50
Maintenance Status: Average

Fully customizable and easy to use uiblock package for your flutter apps

blurry_modal_progress_hud Card Image
blurry_modal_progress_hud
Dart 3 compatible 👍 40
Maintenance Status: Average

Just like modal_progress_hud this is a simple widget wrapper to enable modal progress hud

flutter_hud
Dart 3 compatible 👍 19
Maintenance Status: Average

A clean and lightweight progress HUD to show a running asynchronous task for Flutter.

colorful_progress_indicators Card Image
colorful_progress_indicators
Dart 3 compatible 👍 11
Maintenance Status: Average

A package that provides user defined colorful progress indicators.

fancy_backdrop
Dart 3 compatible 👍 2
Maintenance Status: Average

fancy_backdrop will add a dimmed layer over your application with spinner.

pull_to_refresh
Dart 3 compatible 👍 2.73K
Maintenance Status: Poor

a widget provided to the flutter scroll component drop-down refresh and pull up load.

flutter_easyloading
Dart 3 compatible 👍 2.14K
Maintenance Status: Poor

âœĻA clean and lightweight loading/toast widget for Flutter, Easy to use without context, Support iOS, Android and Web

step_progress_indicator
Dart 3 compatible 👍 868
Maintenance Status: Poor

Bar indicator made of a series of selected and unselected steps

liquid_pull_to_refresh
Dart 3 compatible 👍 744
Maintenance Status: Poor

A beautiful and custom refresh indicator with some cool animations and transitions for flutter.

loading_animations
Dart 3 compatible 👍 267
Maintenance Status: Poor

A Flutter package with a selection of simple yet very customizable set of loading animations.

flutter_animation_progress_bar
Dart 3 compatible 👍 228
Maintenance Status: Poor

This colorful Flutter widget package aims to show an animation progress bar in reactive style. It also supports both vertical and horizontal bar.

progress_indicators
Dart 3 compatible 👍 196
Maintenance Status: Poor

A handful collection of some cool progress indicators and text animators.

simple_circular_progress_bar
Dart 3 compatible 👍 159
Maintenance Status: Poor

Open source Flutter package, simple circular progress indicator.

flutter_progress_hud
Dart 3 compatible 👍 129
Maintenance Status: Poor

Highly customizable modal progress indicator with fade animation.

flutter_overlay_loader
Dart 3 compatible 👍 111
Maintenance Status: Poor

A simple Flutter package for managing overlay loading when fetching remote data or any long-running async task. Flutter overlay loader is easy to use.

loading_gifs
Dart 3 compatible 👍 82
Maintenance Status: Poor

Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets.

square_percent_indicater
Dart 3 compatible 👍 56
Maintenance Status: Poor

Flutter package showing progress percent value in square , square shape percent indicator is used commonly in designs

screen_loader
Dart 3 compatible 👍 48
Maintenance Status: Poor

Easy to use mixin ScreenLoader, which will handle the loading on the screen without using state or navigation stack. You can customise the loading as well.

water_bottle
Dart 3 compatible 👍 40
Maintenance Status: Poor

This library add a bottle widget to your screen. You can use it as a loading indicator, a progress tracker, or any kind of measurement suits your needs.

simple_progress_indicators
Dart 3 compatible 👍 38
Maintenance Status: Poor

Simple progress indicators package with solid colors and gradients. Can be used to show progress or for simple animation.

multi_circular_slider
Dart 3 compatible 👍 37
Maintenance Status: Poor

A Flutter package for Android, iOS & Web which helps creating multi-layered animated circular progress bar which can help display multiple values in a single bar.

flutter_advanced_progress
Dart 3 compatible 👍 37
Maintenance Status: Poor

An advanced progress widget, that can be fully customized with bunch of properties, just try it and enjoy!

progress_indicator
Dart 3 compatible 👍 36
Maintenance Status: Poor

A useful collection of custom progress indicators for flutter.

flare_loading
Dart 3 compatible 👍 36
Maintenance Status: Poor

Loading widget based on a custom Flare animation, allow you to create beautiful custom loading widgets or dialogs

loading_overlay_pro
Dart 3 compatible 👍 35
Maintenance Status: Poor

A new Flutter project with a simple widget wrapper set of loading animations for Flutter projects.

future_progress_dialog
Dart 3 compatible 👍 33
Maintenance Status: Poor

future_progress_dialog is a simple progress dialog library for async tasks. FutureProgressDialog start when you call showDialog function, but dismiss automatically when future task is finished.

square_progress_bar
Dart 3 compatible 👍 28
Maintenance Status: Poor

A square progress bar that you can use easily, Just provide the progress in a range from 0.0 to 1.0 and you are set to go.

activity_ring
Dart 3 compatible 👍 28
Maintenance Status: Poor

Flutter Library to create Progress bars in Apple Watch style rings.

progresso
Dart 3 compatible 👍 22
Maintenance Status: Poor

A linear progress bar for flutter, allow for non-zero starting, points along line, and custom styling

load
Dart 3 compatible 👍 22
Maintenance Status: Poor

Global loading widget, Pure flutter library, not use native code. It is similar to OKToast in use.

bottom_loader
Dart 3 compatible 👍 21
Maintenance Status: Poor

A flutter plugin to display bottom loader using modal sheet.

nuts_activity_indicator
Dart 3 compatible 👍 20
Maintenance Status: Poor

Highly customizable activity indicator (spinner) for your Flutter apps based on the cupertino package.

easy_loader
Dart 3 compatible 👍 16
Maintenance Status: Poor

The easiest way to handle a simple full screen loader in Flutter. Written in Dart. Fully customizable.

cupertino_progress_bar
Dart 3 compatible 👍 15
Maintenance Status: Poor

A non-interactive progress bar includes a track that fills from left to right to show the progression of a task with a known duration.

liquid_progress_indicator
👍 710
Maintenance Status: Poor

A progress indicator with water-like effect in Flutter. Works similarly to Flutters own ProgressIndicator.

modal_progress_hud
👍 486
Maintenance Status: Poor

A modal progress indicator widget (HUD = heads-up display). Wrap around another widget to block access to widget during an async call. Also accepts a custom spinner.

frefresh
👍 119
Maintenance Status: Poor

Help you to build pull-down refresh and pull-up loading in the simplest way.

loading
👍 59
Maintenance Status: Poor

A flutter widget of loading progress Indicator. Easy to use, easy to extend

wave_progress_bars
👍 30
Maintenance Status: Poor

A package provides an easy way to add wave bars in Flutter project.

flutter_progress_dialog
👍 24
Maintenance Status: Poor

A flutter library for the progress dialog. Easily show and hide. Support specify custom loading widget.

intervalprogressbar
👍 15
Maintenance Status: Poor

A interval progress bar for Flutter. Horizontal, vertical, colorful and interval progress.

awesome_loader
👍 14
Maintenance Status: Poor

A Dart plugin for using some Awesome Loaders in your application.

flutter_colored_progress_indicators
👍 9
Maintenance Status: Poor

An alternate animated progress indicator widget for flutter's CircularProgressIndicator and LinearProgressIndicator with Google color accents.

gradient_progress
👍 8
Maintenance Status: Poor

A Gradient color support progressbar, fast way to have a beatiful gradient progress in your flutter app.