UI Rounded Circular Bar

[ExbowFTW]

I want to have a Radial Fill “Progress Bar”, but the end to be ROUNDED, like this image:
(Trying to make nice Flat UI Design)

A normal Unity Fill Circle has sharp, square corners, like this:

Thanks!

[StarManta]

You’ll have to create a smaller green circle and place it at the end of the arc to fake the rounded corner. You can use Vector3( Mathf.Sin(fillAmount * 6.28f), Mathf.Cos(fillAmount * 6.28f) , 0f) * someScaleValue to place it.

[ExbowFTW]

@StarManta

You’ll have to create a smaller green circle and place it at the end of the arc to fake the rounded corner. You can use Vector3( Mathf.Sin(fillAmount * 6.28f), Mathf.Cos(fillAmount * 6.28f) , 0f) * someScaleValue to place it.

Thank you very much!

[prasanthvel]

Hope this YT video is usefull

How to create Circular Progress bar with Round Edge in Unity 3D | Unity Tutorial For Beginners

[LHAppri]

I know this is an old post, but if anyone else is looking for this - you can create the circle using a LineRenderer and set End Cap Vertices to specify how much curve you want on the endpoint of the line.

To create a circle (or arc) for the LineRenderer see How to draw lines, circles or anything else using Line Renderer - codinBlack