[wlt-progress-bar]
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}'] |
Help Guide Powered by Documentor