Shortcodes

  1. Shortcodes
    1. [wlt]
    2. [wlt-bmi]
    3. [wlt-bmr]
    4. [wlt-calories]
    5. [wlt-calories-table]
    6. [wlt-chart]
    7. [wlt-form]
    8. [wlt-if]
    9. [wlt-league-table]
    10. [wlt-macronutrients]
    11. [wlt-macronutrients-table]
    12. [wlt-message]
    13. [wlt-progress-bar]
    14. [wlt-photo-count]
    15. [wlt-photo-oldest]
    16. [wlt-photo-recent]
    17. [wlt-awards]
    18. [wlt-awards-grid]
    19. [wlt-awards-recent]
    20. [wlt-group]
    21. [wlt-gallery]
    22. [wlt-reminder]
    23. [wlt-table]
    24. [wlt-total-lost]
    25. [wlt-user-settings]
    26. Other text 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
« [wlt-message][wlt-photo-count] »
Help Guide Powered by Documentor
Suggest Edit