CODEWITHSUNDEEP
flutter
Heartwin
Heartwin

Reputation: 51

Multiple progress in same Progress Indicator

How do I go about having multiple progresses in the same progress indicator?

Do I have to create a custom widget or is there a easier way to accomplish this?

Reference Image: Progress Slider Reference

Upvotes: 1

Views: 1987

Answers (1)

Heartwin
Heartwin

Reputation: 51

In reference to @pskink's comment, the following works.

Stack(
  children: [
    LinearProgressIndicator(
      value: 0,
    ),
    LinearProgressIndicator(
      value: 0.75,
      backgroundColor: Colors.transparent,
      color: Colors.blueAccent,
    ),
    LinearProgressIndicator(
      value: 0.5,
      backgroundColor: Colors.transparent,
      color: Colors.blue,
    ),
  ],
);

Upvotes: 3

Related Questions