Progressbar

Progressbar Shortcode

This shortcode allows adding a section with progressbar to the page.

Content Settings:

Templates - Here you can choose template style for your Progressbar shortcode (Pointe Inline Progress Bar or Pointe Counter Bar).

Pointe Inline Progress Bar Style:

Counter value - Please, enter the counter value. Notice: For percentage, specify value from 0 to 100.

Heading - Here you can enter the heading text.

Use custom font for heading? -  Turn on the switcher if you want to customize font for the heading.

Line color - Choose line color from the color palette.

Active line color - Choose active line color from the color palette.

Symbol - Add the text for the symbol.

Element tag for number - Please, select tag for number.

Element tag for text - Please, select tag for text.

Heading Typography:

If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment -  - Here you can select the heading alignment. 
Text Color - Here you can select heading color from the palette.
Typography items: 
  • Family - Here you can select the typography for the heading.
  • Size - Here you can set up the heading size.
  • Weight - Please, select the weight for the heading.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the heading.
  • Decoration - Please, select style for the heading decoration.
  • Line-Height - Here you can enter a line height for the heading.

Pointe Counter Bar Style:

Heading - Here you can enter the heading text.

Use custom font for heading? -  Turn on the switcher if you want to customize font for the heading.

Number - Add the number.

Symbol - Add the text for the symbol.

Use custom font for number? -  Turn on the switcher if you want to customize font for the number.

Element tag for number - Please, select tag for number.

Element tag for text - Please, select tag for text.

Heading Typography:

If you turn on the switcher "Use custom font for heading?" in Content Settings you can customize font for the heading.
Alignment -  - Here you can select the heading alignment. 
Text Color - Here you can select heading color from the palette.
Typography items: 
  • Family - Here you can select the typography for the heading.
  • Size - Here you can set up the heading size.
  • Weight - Please, select the weight for the heading.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the heading.
  • Decoration - Please, select style for the heading decoration.
  • Line-Height - Here you can enter a line height for the heading.

Number Typography:

If you turn on the switcher "Use custom font for Number?" in Content Settings you can customize font for the number.
Alignment -  - Here you can select the number alignment. 
Text Color - Here you can select number color from the palette.
Typography items: 
  • Family - Here you can select the typography for the number.
  • Size - Here you can set up the number size.
  • Weight - Please, select the weight for the number.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the number.
  • Decoration - Please, select style for the number decoration.
  • Line-Height - Here you can enter a line height for the number.