lineMode
Animated type values default String "center | out | out-over | in | in-over | top | bottom [offset]" "center"
Descriptive string in form "mode [offset]"
that defines, how the progress line is aligned in relation to empty line. The first value ist the mode
and the optional second is the offset
that is any negative or positive Number and defines the distance between the progress and empty lines.
offset
can be only combined with the in
and out
modes. You can understand the modes as the presets that help you to align lines as you want to.
center
this is the default value and both lines are aligned at the baseline (centered) in
the progress line is inside the empty line in-over
the progress line overlaps the empty line and growth inside out
the progress line is outside the empty line out-over
the progress line overlaps the empty line and growth outside bottom
the progress line is aligned at the bottom of the empty line top
the progress line is aligned at the top of the empty line Usage: 📜 vue
<ve-progress line-mode="in 10" />
<ve-progress line-mode="bottom" />
Example
centerinin-overoutout-overtopbottom
Offset: 5 Thickness: 10 js<ve-progress :progress="50" line-mode="center"/>
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4