diegoveloper / flutter_percent_indicator Goto Github PK
View Code? Open in Web Editor NEWFlutter percent indicator library
License: BSD 2-Clause "Simplified" License
Flutter percent indicator library
License: BSD 2-Clause "Simplified" License
This is my CircularPercentIndicator
:
CircularPercentIndicator(
radius: 90,
lineWidth: 6,
animation: true,
percent: 0.5,
animateFromLastPercent: true,
center: Container(
width: 70,
height: 70,
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
image: AssetImage('assets/profile.jpg'),
fit: BoxFit.fill,
),
),
),
circularStrokeCap: CircularStrokeCap.round,
progressColor: Colors.green,
backgroundColor: Colors.transparent,
reverse: true,
),
When I use it in a CupertinoPicker
widget, it only renders the indicator once. I have no idea where is the problem!
Hello @diegoveloper , Thanks for this amazing package. I was wondering if there is any support for multiple percent strokes, preferably overlapping. Something like this
If not, then I'd like to work on this feature and send out a PR. Just want to know your thoughts on how should we proceed in implementing this.
Because demoApp depends on percent_indicator ^2.1.6 which doesn't match any versions, version solving failed.
pub get failed (1; Because flutter_base_framework depends on percent_indicator ^2.1.6 which doesn't match any versions, version solving failed.)
On mobile its working fine, but on web its not working.
Getting build error:
Unable to find modules for some sources, this is usually the result of either a
bad import, a missing dependency in a package (or possibly a dev_dependency
needs to move to a real dependency), or a build failure (if importing a
generated file).
Please check the following imports:
Unable to find modules for some sources, this is usually the result of either a
bad import, a missing dependency in a package (or possibly a dev_dependency
needs to move to a real dependency), or a build failure (if importing a
generated file).
Hello. I think this is not yet possible, but it would probably be a nice addition to the package.
I created an example image of what could be the result:
It doesn't necessarily have to be an icon, but it's the idea I had in mind. Ideally the widget attached should be able to pass over the bar limits (as shown in the image) to create a better effect.
I'm not sure if this would be possible/trickier for the circular progress indicator, as there might be a need (option?) to rotate the widget as it moves.
When the prorgress bar is filled, the Text color try to adapt to the background color.
For ex. The progress is light green, the text can't be white, it should be sort of black for e.g.
It is just a suggestion !
I found after opening this bug:
that this plugin was the cause of my odd crashes. Just FYI.
This problem occurs when using a home page with BottomNavigationBar and PageView to navigate between different pages.
When switching from Page1 (where the CircularPercentIndicator widget is instantiated) to Page2, the dispose method on Page1 is not been called.
So, if I need to do some code on dispose method, actually I can't, because the code is not executed.
But if you remove the CircularPercentIndicator on Page1, the dispose method is called as expected.
To reproduce the problem, just use the following code.
home.dart
import 'package:flutter/material.dart';
import 'package:get_it_percent_indicator/pages/page1.dart';
import 'package:get_it_percent_indicator/pages/page2.dart';
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
final pageController = PageController();
@override
void dispose() {
pageController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Home'),
),
body: PageView(
controller: pageController,
children: [
Page1(),
Page2(),
],
),
bottomNavigationBar: AnimatedBuilder(
animation: pageController,
builder: (context, child) {
return BottomNavigationBar(
currentIndex: pageController.page?.round() ?? 0,
onTap: (value) {
pageController.jumpToPage(value);
},
items: [
BottomNavigationBarItem(
icon: Icon(Icons.person),
label: 'Page 1',
),
BottomNavigationBarItem(
icon: Icon(Icons.camera),
label: 'Page 2',
),
],
);
},
),
);
}
}
page1.dart
import 'package:flutter/material.dart';
import 'package:percent_indicator/circular_percent_indicator.dart';
class Page1 extends StatefulWidget {
@override
_Page1State createState() => _Page1State();
}
class _Page1State extends State<Page1> {
@override
void dispose() {
print('dispose page 1');
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: CircularPercentIndicator(
radius: 60.0,
lineWidth: 5.0,
percent: 1.0,
center: new Text("100%"),
progressColor: Colors.green,
),
),
);
}
}
page2.dart
import 'package:flutter/material.dart';
class Page2 extends StatefulWidget {
@override
_Page2State createState() => _Page2State();
}
class _Page2State extends State<Page2> {
@override
void dispose() {
print('dispose page2');
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Text('Page 2'),
),
);
}
}
Hey,
thank you for the awesome package
I had a use case where I need to add shadow to the progress bar, and I couldn't find a way to do it, so I decided to customize the package in order to achieve it.
Here is my pull request #28
Just a feature request; please consider since width is assigned directly to width in a container, it appears to be required as a double .
e.g. if you leave it off you get a circle if you have 1.0 percent value.
I don't actually know how to get max width of the screen, but even if i did that doesn't seem likethe right way.
Progress indicators that fill the entire screen minus padding (rather than a hardcoded width) seem like a common use case?
I found a lot of plugin about indicator, this is not implemented yet! I looked at the source code, and tried to tweak circularStrokeCap
to draw butt first, then round, but It's not working, so I make a feature request, hope there is someday supported π
I'd love to be able fill the linear percentage indicators from bottom to top. Maybe I'm missing how this can be accomplished?
Is it possible to do the following thing?
I navigate to a new screen and I use a linear percent indicator there. I would like it to be for example at 60% without animation for the first time. After a certain amount of time this indicator goes to 80%, but this time with animation, from 60% to 80%.
I tried to set the animation property to false, and after a little time to true but it did not work.
I believe current implementation of linear gradient does not fit well with linear percent indicator use case. IMHO indicator should shade only part of linear gradient (according to progress value), not entire gradient.
For example bellow I specified linear gradient with 4 colors (red, orange, yellow, green) to create 'VU effect'. Upper progress bar is the way I believe indicator should render gradient, lower one is current behavior. No matter what progress value is set entire gradient is visible.
It's just a matter of changing shader offset values in 2 places (original code below)
flutter_percent_indicator/lib/linear_percent_indicator.dart
Lines 271 to 272 in afbef0e
flutter_percent_indicator/lib/linear_percent_indicator.dart
Lines 279 to 280 in afbef0e
I can make a PR but I feel this needs some feedback from you.
Can this functionality at least be available as an option?
Thanks for the great widget!
Pull request incoming. Added a backgroundWidth property that (optionally) changes the background width relative to the line width.
Hi @diegoveloper . nice package, I really love it.
currently, I want to create LinearPercentIndicator like this:
I try to implement that with this code:
Padding(
padding: EdgeInsets.all(15.0),
child: Container(
decoration: BoxDecoration(
border: Border.all(color: Color(0xff317abb), width: 1),
borderRadius: BorderRadius.circular(15)),
child: LinearPercentIndicator(
lineHeight: 15.0,
//percent: progress,
percent: 0.5,
linearStrokeCap: LinearStrokeCap.round,
backgroundColor: Colors.white,
progressColor: Colors.blue,
),
),
),
and this is what I get is like the border/stroke not aligned in the side:
any suggestions how to handle it?
it will be a great idea if the progress bar supports an onComplete function !!
How can I add a start angle and the end angle for the Circular percent chart
If the percent is 0.7 and I change it to 0.1, then the animation goes in reverse (counter clockwise). It would be awesome to have an option where it would animate forward (clockwise). Does that make sense?
When you increase the percentage with animateFromLastPercent = true
the animation starts from the last value and ends at the new value.
However when reducing the value the animation starts from 0 and ends at the new value.
For example:
50% -> 75% animates from 50% to 75%
50% -> 25% animates from 0% to 25%
Is there support for reversing animation if newValue < currentValue
?
Good morning Daniel,
Can't progressColor be made with a gradient color?
For example, if I have 30% I have a red color with opacity and at the end when I reach 100% I have the other fraction completely red.
Thanks for reading the comment.
Hey! First of all thanks for such great library. I use it a lot!
But one issue I have is to show a ongoing task progress indication, like a download progress.
If I set the animation to true, it always animate from 0 to the current progress, instead of animating the latest progress value to the current.
Thanks a lot!
(Compiler message:
../../../Development/flutter/.pub-cache/hosted/pub.dartlang.org/percent_indicator-2.1.7+3/lib/linear_percent_indicator.dart:216:9: Error: No named parameter with the name 'clipBehavior'.
clipBehavior: Clip.none,
^^^^^^^^^^^^
../../../Development/flutter/packages/flutter/lib/src/widgets/basic.dart:3210:3: Context: Found this candidate, but the arguments don't match.
Stack({
^^^^^
Target kernel_snapshot failed: Exception: Errors during snapshot creation: null
build failed.
FAILURE: Build failed with an exception.
* Where:
Script '/Users/shubhamsoni/Development/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 882
* What went wrong:
Execution failed for task ':app:compileFlutterBuildRelease'.
> Process 'command '/Users/shubhamsoni/Development/flutter/bin/flutter'' finished with non-zero exit value 1
* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
* Get more help at https://help.gradle.org
BUILD FAILED in 28s )
repository actually points to https://github.com/aeyrium/bezier-chart.
../../../.pub-cache/hosted/pub.dartlang.org/percent_indicator-2.1.7+1/lib/linear_percent_indicator.dart:215:9: Error: No named parameter with the name 'overflow'.
overflow: Overflow.visible,
^^^^^^^^
../../../flutter/packages/flutter/lib/src/widgets/basic.dart:3273:3: Context: Found this candidate, but the arguments don't match.
Doctor summary (to see all details, run flutter doctor -v):
[β] Flutter (Channel dev, 1.23.0-4.0.pre, on Mac OS X 10.15.6 19G2021 x86_64,
locale en-GB)
[β] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[β] Xcode - develop for iOS and macOS (Xcode 12.0)
[β] Chrome - develop for the web
[β] Android Studio (version 4.0)
[β] VS Code (version 1.49.1)
[β] Connected device (3 available)
This would just be a indicator that starts off as a line and ends with a full solid circle. Like a pie graph
Hi - Thanks for the plugin.
I use the CircularPercentIndicator with animation. If I leave the page with the indicator before the animation finished, I get this error:
[log] setState() called after dispose(): _OtherProfileState#f22c8(lifecycle state: defunct, not mounted)
This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer includes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback.
The preferred solution is to cancel the timer or stop listening to the animation in the dispose() callback. Another solution is to check the "mounted" property of this object before calling setState() to ensure the object is still in the tree.
This error might indicate a memory leak if setState() is being called because another object is retaining a reference to this State object after it has been removed from the tree. To avoid memory leaks, consider breaking the reference to this object during dispose().
Is it something that should be fixed in the plugin, or something I should handle somehow?
Thanks.
Hi, using indicator on real cases we need to update widgets from functions
Do you have an example code to use flutter_percent_indicator and StreamBuilder ? :)
My progress bar is in the end of my page and I want when the user scrolls down to the progress bar show animation. not before.
It works completely fine on the iOS simulator, but there is something weird happening while using the Circle Percent Indicator in a Stack widget on top of a container also made to look like a circle using BoxShape.
What is even weirder is that when Debug Paint is on, it looks properly rendered.
I think the images make it clear.
Stack(
alignment: AlignmentDirectional.center,
children: <Widget>[
Container(
width: 44.0,
height: 40.0,
color: Colors.grey[700],
),
Container(
width: 36.0,
height: 36.0,
decoration: BoxDecoration(
color: Colors.black,
borderRadius: BorderRadius.circular(18),
),
),
Container(
alignment: Alignment.center,
//color: Colors.transparent,
height: 34.0,
width: 34.0,
child: CircularPercentIndicator(
radius: 30.0,
lineWidth: 4.0,
animation: true,
animationDuration: 1000,
percent: movies[index].voteAverage / 10,
center: Row(
crossAxisAlignment:
CrossAxisAlignment.center,
mainAxisAlignment:
MainAxisAlignment.center,
children: <Widget>[
Text(
(((movies[index].voteAverage) * 10)
.toStringAsFixed(0)),
style: TextStyle(
fontSize: 11.0,
color: Colors.white,
fontWeight: FontWeight.bold),
),
Text(
"%",
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 6.0),
)
],
),
circularStrokeCap:
CircularStrokeCap.round,
progressColor: progressColor,
backgroundColor: progressColor.shade900,
),
),
],
)
Hi, love this package. Thank you!
Only two thing to be added and I think it was important.
First is adding a dynamic color change based on percentage. Lets says Linear Percent Indicator, from the most left side is Colors.red and to the most right is Colors.green. It's like a health bar.
Second thing is I want to know how to remove padding of Linear Percent Indicator padding?
Something like this :
Image
It really take some space on the phone. The top and bottom padding how can i remove it?
setting percent < 0.0 is a bad idea but I think the control should display an empty progress bar not an error.
When i create LinearPercentIndicator like this:
Expanded(
flex: 0,
child: new LinearPercentIndicator(
lineHeight: 6.0,
width: 140.0,
percent: 0.5,
animation: true,
backgroundColor: Colors.lightGreenAccent,
progressColor: Colors.deepPurple,
),
)
Flutter test excute correctly. But when i pass data from StateFull or Stateless parent widget like
Expanded(
flex: 0,
child: new LinearPercentIndicator(
lineHeight: 6.0,
width: 140.0,
percent: percent,
animation: true,
backgroundColor: Colors.lightGreenAccent,
progressColor: Colors.deepPurple,
),
),
Flutter test give me the following error log
The following NoSuchMethodError was thrown building ArticleDescription(dirty, dependencies:
[MediaQuery], state: _ArticleWidgetState#128d9):
The method '<' was called on null.
Receiver: null
Tried calling: <(0.0)
User-created ancestor of the error-causing widget was:
Padding
file:///home/eli/Documents/user/Mobiles/amala/amala_statistics/lib/widgets/widget_bottom_progressbar.dart:65:24
When the exception was thrown, this was the stack:
#0 Object.noSuchMethod (dart:core-patch/object_patch.dart:51:5)
#1 new LinearPercentIndicator (package:percent_indicator/linear_percent_indicator.dart:97:17)
#2 _ArticleWidgetState.build (package:amala_statistics/widgets/widget_article_description.dart:76:26)
#3 StatefulElement.build (package:flutter/src/widgets/framework.dart:4047:27)
#4 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3941:15)
#5 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#6 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#7 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#8 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#9 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#10 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#11 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#12 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#13 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#14 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#15 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#16 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#17 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#18 ParentDataElement.mount (package:flutter/src/widgets/framework.dart:4314:11)
#19 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#20 MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5233:32)
#21 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#22 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#23 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#24 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#25 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#26 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#27 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#28 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#29 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#30 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#31 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#32 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#33 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#34 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#35 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#36 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#37 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#38 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#39 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#40 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#41 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#42 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#43 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#44 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#45 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#46 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#47 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#48 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#49 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#50 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#51 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#52 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#53 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#54 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#55 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#56 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#57 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#58 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#59 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#60 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#61 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#62 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#63 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#64 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#65 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#66 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#67 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#68 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#69 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#70 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#71 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#72 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#73 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#74 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#75 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#76 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#77 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#78 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#79 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#80 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#81 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#82 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#83 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#84 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#85 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#86 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#87 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#88 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#89 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#90 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#91 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#92 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#93 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#94 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#95 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#96 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#97 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#98 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#99 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#100 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#101 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#102 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#103 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#104 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#105 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#106 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#107 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#108 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#109 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#110 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#111 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#112 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#113 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#114 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#115 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#116 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#117 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#118 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#119 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#120 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#121 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#122 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#123 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#124 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#125 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#126 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#127 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#128 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#129 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#130 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#131 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#132 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#133 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#134 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#135 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#136 MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5233:32)
#137 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#138 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#139 _TheatreElement.mount (package:flutter/src/widgets/overlay.dart:593:16)
#140 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#141 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#142 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#143 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#144 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#145 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#146 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#147 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#148 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#149 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#150 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#151 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#152 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#153 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#154 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#155 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#156 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#157 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#158 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#159 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#160 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#161 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#162 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#163 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#164 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#165 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#166 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#167 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#168 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#169 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#170 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#171 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#172 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#173 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#174 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#175 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#176 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#177 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#178 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#179 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#180 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#181 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#182 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#183 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#184 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#185 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#186 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#187 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#188 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#189 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#190 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#191 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#192 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#193 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#194 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#195 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#196 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#197 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#198 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#199 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#200 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#201 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#202 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#203 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#204 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#205 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#206 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#207 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#208 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#209 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#210 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#211 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#212 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#213 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#214 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#215 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#216 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#217 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#218 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#219 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#220 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#221 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#222 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#223 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#224 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#225 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#226 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#227 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#228 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#229 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#230 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#231 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#232 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#233 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#234 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#235 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#236 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#237 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#238 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#239 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#240 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#241 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#242 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#243 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#244 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#245 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#246 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#247 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#248 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#249 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#250 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#251 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#252 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#253 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#254 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#255 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#256 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#257 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#258 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#259 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#260 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#261 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#262 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#263 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#264 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#265 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#266 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#267 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#268 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#269 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#270 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#271 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#272 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5127:14)
#273 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#274 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#275 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#276 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#277 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#278 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#279 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#280 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#281 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#282 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#283 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#284 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#285 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#286 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#287 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#288 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#289 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#290 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#291 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#292 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#293 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#294 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#295 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#296 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#297 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#298 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#299 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#300 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#301 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#302 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#303 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#304 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#305 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#306 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#307 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#308 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#309 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#310 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4088:11)
#311 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#312 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#313 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#314 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3961:16)
#315 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#316 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3924:5)
#317 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3919:5)
#318 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3101:14)
#319 Element.updateChild (package:flutter/src/widgets/framework.dart:2904:12)
#320 RenderObjectToWidgetElement._rebuild (package:flutter/src/widgets/binding.dart:998:16)
#321 RenderObjectToWidgetElement.update (package:flutter/src/widgets/binding.dart:976:5)
#322 RenderObjectToWidgetElement.performRebuild (package:flutter/src/widgets/binding.dart:990:7)
#323 Element.rebuild (package:flutter/src/widgets/framework.dart:3738:5)
#324 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2348:33)
#325 AutomatedTestWidgetsFlutterBinding.drawFrame (package:flutter_test/src/binding.dart:940:18)
#326 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:280:5)
#327 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1033:15)
#328 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:975:9)
#329 AutomatedTestWidgetsFlutterBinding.pump.<anonymous closure> (package:flutter_test/src/binding.dart:853:9)
#332 TestAsyncUtils.guard (package:flutter_test/src/test_async_utils.dart:69:41)
#333 AutomatedTestWidgetsFlutterBinding.pump (package:flutter_test/src/binding.dart:840:27)
#334 WidgetTester.pumpWidget.<anonymous closure> (package:flutter_test/src/widget_tester.dart:318:22)
#337 TestAsyncUtils.guard (package:flutter_test/src/test_async_utils.dart:69:41)
#338 WidgetTester.pumpWidget (package:flutter_test/src/widget_tester.dart:315:27)
#339 main.<anonymous closure> (file:///home/eli/Documents/user/Mobiles/amala/amala_statistics/lib/test/w_linear_progress_test.dart:35:18)
#341 main.<anonymous closure> (file:///home/eli/Documents/user/Mobiles/amala/amala_statistics/lib/test/w_linear_progress_test.dart:33:46)
#342 testWidgets.<anonymous closure>.<anonymous closure> (package:flutter_test/src/widget_tester.dart:119:25)
#344 testWidgets.<anonymous closure>.<anonymous closure> (package:flutter_test/src/widget_tester.dart:117:9)
#345 TestWidgetsFlutterBinding._runTestBody (package:flutter_test/src/binding.dart:648:19)
#359 AutomatedTestWidgetsFlutterBinding.runTest.<anonymous closure> (package:flutter_test/src/binding.dart:1032:17)
#361 AutomatedTestWidgetsFlutterBinding.runTest.<anonymous closure> (package:flutter_test/src/binding.dart:1020:35)
(elided 35 frames from class _FakeAsync, package dart:async, package dart:async-patch, and package stack_trace)
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
00:08 +5 -1: /home/eli/Documents/user/Mobiles/amala/amala_statistics/lib/test/w_linear_progress_test.dart: Linear Progress Widget Test [E]
Test failed. See exception logs above.
The test description was: Linear Progress Widget Test
I tried to figure out the causes of failure finaly i found this happened only when LinearPercentIndicator values are passed from parrentWidget to LinearPercentIndicator as child
Hi,
your library is very good, I do have a question.
now I'm doing this (see image)
`
CircularPercentIndicator(
radius: 200.0,
lineWidth: 10.0,
percent: _percent,
animation: true,
fillColor: UIConstant.backgroundColor,
animateFromLastPercent: true,
center: SizedBox(
child: Stack(
children: [
],
),
height: 180,
width: 200,
),
backgroundColor: UIConstant.darkColor,
progressColor: UIConstant.lightColor,
),
`
I only want fillcolor to be the background of the circle.
how can I achieve that ?
also Container
is creating a square instead of clipping
should we use ClipRRect
to the container
Thanks
I want the length (width) of the progress bar to be the same as the width of the current parent widget, but I can't do this because 'width' is @required.
How can I do that?
Forgive me for being a recruit.
if percent is 0.4 then animate from 1.0 to 0.4 instead of 0.0 to 0.4.
is this possible?
Prompt βDART 2 INCOMPATIBLE in pub.dev
βAnd cannot be searched. What is the reason? Please fix this problem, thanks
Where/How do I set the StrokeCap to be a different colour than the Progress Line?
CircularPercentIndicator has a property final double radius;
but in implementation, it is used as a diameter:
Container(
height: widget.radius + widget.lineWidth,
width: widget.radius,
Here we get the real radius by dividing by two
CirclePainter(
radius: (widget.radius / 2) - widget.lineWidth / 2,
Please read more info at link https://www.mathlearnit.com/circle-circumference.html
Progress not update on setState when animation = true
double percent = 0.1;
// not works
LinearPercentIndicator(
animation: true,
animationDuration: 1000,
percent: percent
)
setState(() {
percent = 0.2;
});
// works
LinearPercentIndicator(
animation: false, // here
animationDuration: 1000,
percent: percent
)
setState(() {
percent = 0.2;
});
Im trying to adjust the widgetIndicator like this:
Image.asset ( "assets/butt.png", width: 5, height: 5,
),``
But all values have no effect, is it hardcoded? Id like to be able to resize this, thanks!!
Good morning,
thank you for the nice package!
It will be very beautiful to have the possibility to manage the over 100% percentage. Now if I have a 'percent' value > 1.0 the widget return an exception. My idea is to show the over 100 percentage for example:
--> 1.5 - 150%
It can be very useful in some case.
Then if this feature will be implemented it will be perfect to have a dedicated bar color when the percentage is over 100%.
Good Day.
I noticed that when using at least two instances of LinearPercentIndicator with animation, the progress bar will always animate with the original values. Even if I use a new percent values after calling setState, They will both animate with the original percent values as before.
However, If there is no animation, the progress bar updates accordingly.
Thank you.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.