Progressbar shortcode

Progressbar shortcode:

Content Settings:

Templates - Here you can choose template style for the Moovit Progressbar (Moovit Modern, Moovit Classic or Moovit Inline)

Moovit Modern Style:

  • Heading - Here you can enter the heading text.
  • Description - Here you can add the text for the description.
  • Element tag for heading - Please select the tag for the heading.
  • Use dot in the end heading? - This option allows adding the dot at the end of the heading.
  • Color for dot - Here you can select the dot color (Primary, Dark or White).
  • Image - Here you can add the image .
  • Current for Percentage - Please enter the current for the percentage.
  • Number - Please enter the number .
  • The symbol for Percentage - Please enter the symbol for this number.

Moovit Classic Style:

  • Heading - Here you can enter the heading text.
  • Use dot in the end heading? - This option allows adding the dot at the end of the heading.
  • Color for dot - Here you can select the dot color (Primary, Dark or White).
  • Number - Please enter the number .
  • The symbol for Percentage - Please enter the symbol for this number.

Moovit Inline Style:

  • Percentage - Please, enter the percentage value.
  • Heading - Here you can enter the heading text.
  • Use custom font for text? - Turn on the switch if you want to customize the text typography
  • Line color - Please, select the line color from the palette box.
  • Active line color  - Please, select the active line color from the palette box.

Text Typography:

These options is only available if you select the "Use custom font for text" checkbox in the content settings.

  • Text Color - Here you can select text color from the palette.
  • Alignment - Here you can select the type of text alignment.
Typography item:
  • Family - Here you can select the typography for the text.
  • Size - Here you can set up the text size.
  • Weight - Please, select the weight for the text.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select a text style for the text.
  • Decoration - Please, select a style for the text decoration.
  • Line-Height - Here you can enter a line height for the text
  • Letter Spacing - Here you can enter a letter spacing for the text.