Is there a way to create this custom progress bar with docked action button in flutter?-CodePudding

I am trying to replicate the below image but I'm having a hard time doing so. I tried to use sleek_circular_slider, but it wasn't giving what I wanted. Any help is much appreciated Referenced Image:

CodePudding user response：

Here is one Custom progress bar implementation. Have a look at the answer.

Create custom circular progress indicator in flutter with custom stroke cap

CodePudding user response：

i think use of Positioned Widget can help to set Progress bar at dock

new Positioned(
       left: 30.0,
       top: 30.0,
       child: new Container(
         width: 100.0,
         height: 80.0,
         decoration: new BoxDecoration(color: Colors.red),
         child: new Text('hello'),
        )
      ),

And this will help to create round circle