Skip to content

linePosition ​

Animated
typevaluesdefault
String"center | out | in [offset]""center"

Descriptive string in form "mode [offset]" that defines how the progress line is aligned in relation to the circle fill area. Available modes are center, in and out. Additionally, with the out mode you can provide any offset Number value. In general, this prop makes it possible to mimic the SVG2 stroke-aligment, which is currently not supported in any browser.

Usage: 📜 ​
vue
<ve-progress line-position="in 10" />
<ve-progress line-position="out" />

Example ​

Released under the MIT License.