Codex / mycred/rank / Shortcodes / mycred_rank_progress


This custom shortcode allows you to show a progress bar for your users current rang. You can select the colors to use, if the progress bar should be animated and to show the minimum and maximum rank requirement for the users current rank under the progress bar.

Requires the Ranks add-on to be enabled along with both the myCRED for Visual Composer and the Visual Composer add-on.

Available since version 1.0.2

Some theme’s with Visual Composer built-in, overrides or removes the progress bar shortcode. In these cases, this shortcode will not render an actual progress bar!

Shortcode Attributes

Attribute Type Required Default Description
user_id int No - Option to show the rank progress of a particular user instead of the user viewing the shortcode.
title string No - Option to insert a title before the progress bar.
ctype string No MYCRED_DEFAULT_TYPE_KEY The point type to show the rank progress for. Should not be used if you only have one point type installed.
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 - Option to use one of the pre-set colors Visual Composer offers for progress bars. If you want to use a custom color however, please set this to the keyword "custom".
custombgcolor string No - Option to set the background color. Note that if you want to set the bgcolor attribute to custom.
show_rank_title int No 1 Option to show (1) or hide (0) the users current rank title inside the progress bar.
show_labels int No 0 Option to insert the users rank’s minimum and maximum point requirements under the progress bar. To show use 1 or 0 to hide.
decimals int No 2 Number of decimals to use in the progress bar.
rank_id int No - Option to show progress towards a specific rank instead of the users current rank.

CSS Styling

// The title wrapper
div.mycred-rank-progress-title { }


Example 1: Default usage.


Last edited June 23, 2016