Image component fill is inaccurate at edges

When creating an image with a fill component, the fill amount is inaccurate compared to how it should appear on the image. As the values approach 0.1 or 0.9 it gets more inaccurate. However, it fills exactly half way at 0.5 which has me doubly confused. I’ve attached some image references below to show what I mean.

At 0.1 it should fill 1/10 of the image but instead it shows this.

206207-image-fill.jpg

At 0.5 this is showing as filled halfway which is accurate.

206208-image-fill-50-percent.jpg