Shortcodes

[wlt-progress-bar]

The following shortcode is only available in theĀ Pro version of the plugin.

This shortcode can be used to display a progress bar indicating the current user’s progress towards their target weight. Below is an example of the rendered shortcode:

The shortcode supports the following arguments:

Argument Description Options Example
type The type of chart. Currently there is only one properly supported "line". "line" (default) and "circle" (beta - not supported) [wlt-progress-bar type='line']
display-errors By default, useful error messages are displayed to the user if the progress bar is not displayed. For example, the user may be prompted to enter a target weight or add a weight entry. True (default) or false. [wlt-progress-bar display-errors='false']
stroke-width The thickness of the progress line. Numeric value. Default is 3. [wlt-progress-bar stroke-width='10']
stroke-colour Colour of the progress line. Hex value. Default is #FFEA82. [wlt-progress-bar stroke-colour='#000000']
trail-width The thickness of the progress line trail Numeric value. Default is 1. [wlt-progress-bar trail-width='1']
trail-colour Colour of the progress trail line. Hex value. Default is #eee. [wlt-progress-bar trail-colour='#000000']
text-colour Colour of the text displayed under the progress bar. Hex value. Default is #000. [wlt-progress-bar text-colour='#CCCCCC']
animation-duration How many milliseconds it takes to animate the progress bar. Numeric value. Default is 1400. [wlt-progress-bar animation-duration=100]
width The width of the progress bar. % or px. Default "100%". [wlt-progress-bar width='50%']
height The height of the progress bar. % or px. Default "100%". [wlt-progress-bar height='50px']
percentage-text Text displayed underneath the progress bar. {t} Can be used to display target weight. String. Default "towards your target of {t}." [wlt-progress-bar percentage-text='near your target weight of {t}']
Yes No Suggest edit
Help Guide Powered by Documentor
Suggest Edit