whatisgithub

What is flutter_percent_indicator?

deckerst/flutter_percent_indicator — explained in plain English

Analysis updated 2026-07-16 · repo last pushed 2026-05-16

Audience · developerComplexity · 2/5MaintainedSetup · easy

In one sentence

A Flutter package that provides ready-made progress bar widgets, circular rings, horizontal bars, and multi-segment bars, so developers can show progress visually without building custom UI from scratch.

Mindmap

mindmap
  root((repo))
    What it does
      Circular ring progress
      Linear horizontal bar
      Multi-segment colored bar
    Customization
      Set fill percentage
      Pick colors and gradients
      Control animation speed
    Use cases
      Fitness goal tracking
      File upload status
      Task stage display
    Audience
      Flutter app developers
      Startup founders
      Product managers
    Tech stack
      Flutter
      Dart
    Setup
      Add package dependency
      Drop into app

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Show a fitness user's progress toward a daily step goal using the circular ring indicator.

USE CASE 2

Display a file upload's completion percentage with a linear horizontal progress bar.

USE CASE 3

Break a task into distinct colored stages using the multi-segment bar widget.

What is it built with?

FlutterDart

How does it compare?

deckerst/flutter_percent_indicator0verflowme/alarm-clock0xhassaan/nn-from-scratch
Stars0
LanguageCSSPython
Last pushed2026-05-162022-10-03
MaintenanceMaintainedDormant
Setup difficultyeasyeasymoderate
Complexity2/52/54/5
Audiencedevelopervibe coderdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Add the package as a dependency in pubspec.yaml and import it, standard Flutter package install with no external services required.

So what is it?

The flutter_percent_indicator repository gives developers a set of pre-built progress bar components for apps made with Flutter. Instead of building progress visuals from scratch, a developer can drop these ready-made indicators into their app to show users how much of a task is complete or how much of a goal has been reached. The package provides three main visual styles: a circular ring that fills up around a center label, a straight horizontal bar, and a multi-segment bar that can display several distinct colored chunks at once. Developers control the look by simply plugging in numbers and choices, like setting the fill percentage, picking the colors, choosing how fast the bar animates, and deciding whether to place text or icons above, below, or inside the bar. The multi-segment option is useful for breaking a single progress bar into different colored sections, which could represent different stages of a task. This tool is designed for anyone building a Flutter mobile or web application who needs to visualize progress. A startup founder building a fitness app might use the circular ring to show how close a user is to their daily step goal, while a product manager working on a file-sharing tool might use the linear bar to display an upload's completion status. What stands out is the package's focus on flexibility and polish. Developers can turn smooth animations on or off, adjust the exact duration of those animations, and even apply color gradients to the progress fill. By handling these visual details out of the box, the package saves teams from spending hours tweaking custom design code, letting them focus on their core app features instead.

Copy-paste prompts

Prompt 1
Add flutter_percent_indicator to my Flutter project and create a circular progress ring that fills to 75 percent with a blue gradient and a percentage label in the center.
Prompt 2
Build a Flutter widget using flutter_percent_indicator that shows a horizontal progress bar for a file upload, with the bar animating over 2 seconds and turning green at 100 percent.
Prompt 3
Create a multi-segment progress bar with flutter_percent_indicator that displays three colored sections at 40, 30, and 30 percent widths to represent different task stages.
Prompt 4
Show me how to customize flutter_percent_indicator's circular ring with a custom animation duration, no animation, and an icon placed below the progress text.

Frequently asked questions

What is flutter_percent_indicator?

A Flutter package that provides ready-made progress bar widgets, circular rings, horizontal bars, and multi-segment bars, so developers can show progress visually without building custom UI from scratch.

Is flutter_percent_indicator actively maintained?

Maintained — commit in last 6 months (last push 2026-05-16).

How hard is flutter_percent_indicator to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is flutter_percent_indicator for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.