emptyThickness

Animated: ✔️

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

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

Tips

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

Usage: 📜

<ve-progress :empty-thickness="10" />
<ve-progress empty-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 empty line affects other parts of the circle. Move the slider to see the effect:

NormalLoadingDeterminateNo data

NormalLoadingDeterminateNo data