Stack Overflow
Stack Overflow

Questions tagged [flutter-circularprogressindicator]

33 questions
5
votes
1 answer

How to make my CircularProgressIndicator run smoothly(Update smoother and not every second so there is flow + glow on sides?)

So I made a timer and was wondering how can I add a "glow" that animates/grows slightly bigger , then back to a smaller glow. Another issue is that when I start the timer it updates every second (Sort of jumps instead of flowing) Not sure how to go…
Bn Minki
  • 155
  • 7
5
votes
2 answers

Create custom circular progress indicator in flutter with custom stroke cap

I need to create this percent indicator How can i achieve this? I've tried percent_indicator package in Flutter, but the main problem is that we have a limited amount of strokeCap options. I've also tried to do that with two arcs, but the problem…
Rockwell
  • 125
  • 1
  • 2
  • 6
2
votes
3 answers

How to change circularprogressindicator in Center

I'm having a little problem here, I want to map a circularprogressindicator in the middle of the page but it just appears in the top center of the page, how do I move it to the middle of the page, I've tried wrapping it using the Column widget but…
sharon
  • 363
  • 2
  • 11
1
vote
0 answers

How can I create a circular progress indicator takes both positive and negative values and can go ant-clockwise as well?

Is it possible to create a circular progress indicator that can do all the things in reverse direction as well? For example if it takes positive values it goes clockwise and turns green for values above 0, if it gets negative values it goes…
Hasani
  • 3,543
  • 14
  • 65
  • 125
1
vote
1 answer

Flutter progress indicator with slow async method

when i try to use CircularProgressIndicator with slow async method, indicator is not shown. When i replace slow custom method with Timer.pereodic() that works fine. I am new in Flutter and do not understand what i am doing wrong class…
ohlushenok
  • 13
  • 2
1
vote
3 answers

how to show 'for' loop progress Indicator in flutter

I have a loop that prints "hello world" 100 times. so what i want is to show progress Indicator which shows the loop progress.. for example: if the loop printed 50 time from total 100 time the progress Indicator should be at 50 percent..
FTF Studio
  • 89
  • 3
  • 17
1
vote
2 answers

Circular ProgressBar View does no longer animates with iOS15

Using Swift5.5, iOS15.0.1, I had to realise that my circular ProgressBar does no longer animate after updating to iOS15. Below is my code - can anybody tell me what to do in order to make the circular ProgressBar-View animate again ? Can anybody…
iKK
  • 6,394
  • 10
  • 58
  • 131
1
vote
1 answer

How to center CircularProgressIndicator inside a AlertDialog - Flutter Web

I'm making flutter web app in which i am using alert dialog for sign in or sign up and it is pretty much done i want to add a CircularProgressIndicator in the center of my AlertDialog. I have used Center widget to align it center but it is only…
Syed Irfan Hussaini
  • 419
  • 4
  • 18
1
vote
1 answer

Flutter: Change Color of Circular Progress Indicator on a certain value

is it possible to change to valueColor of a CircularProgressIndicator when a certain value is being reached. For Example: Green, if value < 30 Orange, if value < 60 Red, if value > 60 Thanks for the help! :) CircularProgressIndicator( …
user16145176
  • 13
  • 3
1
vote
1 answer

Circular Progress Indicator Around a Button that Progresses On a Timer

What I have is a play button that plays back user recorded message. Once the user hits the play button it changes into a stop button that displays a circular progress indicator that progresses based on a percentage of the recorded message total time…
Preston Schwartz
  • 49
  • 1
  • 5
1
vote
0 answers

Flutter CircularProgressIndicator Stroke Type

I want to make a CircularProgressIndicator like an image. But I need to customize the stroke type. Is there any code example or library to change stroke type like the image? indicator image:
Osman Osman
  • 103
  • 2
  • 9
1
vote
2 answers

Flutter : CircularProgressIndicator keep in center inside Column

I am a newbie for Flutter Development, I have created a sample demo to get JSON from Server and Bind in ListView, I have done it successfully. Now I want to show CircularProgressIndicator() in the center of the screen while loading the list. I have…
Pratik Butani
  • 60,504
  • 58
  • 273
  • 437
0
votes
0 answers

Dialogs, Circular progress Indicator is showing only left side of screen in Folding Device. Samsung Z fold 4

Dialogs and progress indicators are showing on left side of folding devices not in center. How can I show progress indicators and Dialogs UI in center of Display in Folding Phones. Example- Samsung Z fold 4. I uses showDialog showDialog( …
Sachin Kumar Rajput
  • 59
  • 1
  • 11
0
votes
2 answers

CircularProgressIndicator not showing when a button pressed

I'm trying to implement a button that when the user press the button the user will login throw firebase and the button should show Circular Progress Indicator while firebase logging complete. for some reason the Progress Indicator now showing. I…
Abrahem Gh
  • 47
  • 1
  • 2
  • 9
0
votes
0 answers

Complex Circle progress bar in flutter

Progress bar sample How to create circle progress with animation which separate selected progress bar or unSelected progress bar with gap and custom round corner of progress bar also customize animation time according to user-need.
Damanpreet Singh
  • 1
1
2 3