thickness

Animated: ✔️

type	values	default
Number|String	>=0 as Number or percent value as String	"5%"

Defines the progress line thickness, which can be a Number >=0 or a percentage value as a String. When specified as a percentage, the thickness is calculated relative to the size.

Tips

Make sure to take a look at emptyThickness, lineMode, linePosition and other properties to learn how you can create unique circles

Usage: 📜

<ve-progress :thickness="10" />
<ve-progress thickness="10%" />

Examples

NormalLoadingDeterminateNo data

NormalLoadingDeterminateNo data

When defined as a string, the thickness can be specified as a percentage, allowing it to scale relative to the size:

NormalLoadingDeterminateNo data

NormalLoadingDeterminateNo data

In the following example you can see how the thickness of the progress line affects other parts of the circle. Move the slider to see the effect:

NormalLoadingDeterminateNo data

NormalLoadingDeterminateNo data