I am trying to create something like this in flutter:
The two main aspects are:
- the filled part of the vertical container has this elipse with darker color on the top, which gives the 3d depth effect
- on Image 2 there is that % indicator, moving accordingly
What I have tried is:
- tried to modify different progress_indicator packages, so that to achieve the 2 things above. However, I was never able to do that 3d depth effect.
- tried to implement it as 2 expanded containers, where the flex of the bottom one represents the persentage. However again I was not able to do the elipse on the top.
From my searches online, it looks like I need to use the CustomPaint class, but it look very complicated.
If you have any better suggestions, or ever code pieces that can help, I would be extremely thankful !
