A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://setaman.github.io/vue-ellipse-progress-docs/guide/options/lineMode.html below:

Website Navigation


lineMode | vue-ellipse-progress

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.

mode description 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