Is there any way to create stroke / border in LinearPercentIndicator?

[IhwanID]

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?

[diegoveloper]

Here you have :

Padding(
                padding: EdgeInsets.all(15.0),
                child: Container(
                  padding: const EdgeInsets.all(0.1),
                  decoration: BoxDecoration(
                    border: Border.all(color: Color(0xff317abb), width: 2),
                    borderRadius: BorderRadius.circular(15),
                    color: Color(0xff317ab),
                  ),
                  child: ClipRRect(
                    borderRadius: BorderRadius.circular(15),
                    child: LinearPercentIndicator(
                      lineHeight: 15.0,
                      //percent: progress,
                      percent: 0.5,
                      padding: EdgeInsets.zero,
                      linearStrokeCap: LinearStrokeCap.butt,
                      backgroundColor: Colors.white,
                      progressColor: Colors.blue,
                    ),
                  ),
                ),
              )

[IhwanID]

Thanks man 👍