This custom shortcode allows you to show a progress bar for your badges for current user . You can select the colors to use, if the progress bar should be animated and also there is individual progressbar for badge requirement for the users current badge under the progress bar. You can also manually give badge id to render specific badge progress.

Requires the Badge add-on to be enabled.

Available since version 1.8

Shortcode Attributes

Attribute Type Required Default Description
width int No MYCRED_BADGE_WIDTH The badge image width to use.
height int No MYCRED_BADGE_HEIGHT The badge image height to use.
show_badge int No - Use when you want to render single or specific badge progress.
animate int No 1 Select to enable (1) or disable (0) the progress bar animation. Note that if a user has reached 100%, the animation will be disabled.
bgcolor string No - You can use color name as well custom color code e.g #333
type STRING No bar Bar and Radial type of progress you want to show on front end e.g radial,bar.
Stripe int No 1 Option to show (1) or hide (0) show stripe layer on progress.


Example 1: Default usage.