Progressbar (Sterling)

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

Circle

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Icon

Icon library - Select icon from library.

Icon color- Choose icon’s color on block.

Icon font size - Enter icon font size with units.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Progressbar with Numbers

Content

Counter value - Please, enter the percentage value.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Numerical with Icon

Content

Counter value - Please, enter the percentage value.

Description - Please, enter your description text.

Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Icon

Icon library - Select icon from library.
Icon color- Choose icon’s color on block.
Icon font size - Enter icon font size with units.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Modern Numerical with Icon

Content

Counter value - Please, enter the percentage value.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Icon

Icon library - Select icon from library.
Icon color- Choose icon’s color on block.
Icon font size - Enter icon font size with units.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Progress Bar 1

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.
Line color - Please, select the color from the palette.
Active line color - Select the color from the palette.
Remove circle on active part? - Turn on the switcher to add or remove active part.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Acacio Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Progress Bar 2

Content

Heading - Here you can enter the heading text.
Element tag for Heading - Select the heading tag.
Numbers - Add # to the box.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Acacio Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Bizy Simple

Content

Counter value - Please, enter the percentage value.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.
Use custom font for background numbers? - Turn on the switch if you want to customize numbers typography.
Use custom font for description? - Turn on the switcher if you want to customize description typography.
Desktop Align - Select the alignment from the box.
Tablet Align - Select the alignment from the box.
Mobile Align - Select the alignment from the box.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Acacio Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Acacio Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Bizy Background Numbers Typography:

Text Color - Select color from the palette.

Typography items:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the background decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Bizy Description Typography

Text Color - Here you can select description color from the palette.

Typography - Select the typography for the description.

Family - Here you can select the typography for the description text.
Size - Here you can set up the description text size.
Weight - Please, select the weight for the description text.
Transform - This option allows to change the case of the description text.
Style - Please, select text style for the description text.
Decoration - Please, select a style for the description text decoration.
Line-Height - Here you can enter a line height for the description text.
Letter Spacing - Here you can enter a letter spacing for the description text.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Bizy Circle

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Enable light style? - Turn on the switcher to add or remove light style.
Use custom font for heading? - Please, turn on the switch to customize the heading typography.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Acacio Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading.

Acacio Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Bizy Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Progress Bar 3

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Acacio Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Acacio Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Progress Bar 4

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Description - Please, enter your description text.
White Text - Turn on the switcher to add or remove white text.
Line color - Please, select the color from the palette.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Use custom font for chart percent?- Turn on the switch if you want to customize font for the chart percent.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.
Use custom font for description? - Please, turn on the switch if you want to customize the heading typography.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.

Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading.

Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Chart Percent Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Description Typography

Alignment - Select the alignment of the numbers.

Text Color - Here you can select description color from the palette.

Typography items

Family - Here you can select the typography for the description text.
Size - Here you can set up the description text size.
Weight - Please, select the weight for the description text.
Transform - This option allows to change the case of the description text.
Style - Please, select text style for the description text.
Decoration - Please, select a style for the description text decoration.
Line-Height - Here you can enter a line height for the description text.
Letter Spacing - Here you can enter a letter spacing for the description text.

Progress Bar 5

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Acacio Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading.

Acacio Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Progress Bar 6

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Use custom font for text? - Turn on the switch if you want to customize font for the text symbol.
Line color - Please, select the color from the palette.
Active line color - Select the color from the palette.

Acacio Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading.

Acacio Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Text Typography

Alignment - Select the alignment of the numbers.

Text Color - Here you can select the link text color from the palette.

Typography items:

Family - Here you can select the typography for the link text.
Size - Here you can set up the link text size.
Weight - Please, select the weight for the link text.
Transform - This option allows to change the case of the link text.
Style - Please, select the link text style for the highlight.
Decoration - Please, select a style for the link text-decoration.
Line-Height - Here you can enter a line height for the link text.
Letter Spacing - Here you can enter a letter spacing for the link text.

Progress Bar 7

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Add "+" after number? - Turn on the switcher to add or remove "+" after number.
Element tag for Heading - Select the heading tag.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.
Use custom font for description? - Turn on the switcher if you want to customize description typography.

Hryzantema Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Hryzantema Description Typography

Alignment - Select the alignment of the numbers.

Text Color - Here you can select description color from the palette.

Typography items

Family - Here you can select the typography for the description text.
Size - Here you can set up the description text size.
Weight - Please, select the weight for the description text.
Transform - This option allows to change the case of the description text.
Style - Please, select text style for the description text.
Decoration - Please, select a style for the description text decoration.
Line-Height - Here you can enter a line height for the description text.
Letter Spacing - Here you can enter a letter spacing for the description text.

Progress Bar 8

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Use custom font for Business Number? - Turn on the switch to customize font for Business Number.
Use custom font for Business Title? - Turn on the switch to customize font for Title.
Use custom font for Business Desc? - Turn on the switch to customize font for Desc.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Business Numbers Typography:

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Business Title Typography:

Alignment - - Here you can select the title alignment.

Text Color - Here you can select title color from the palette.

Typography items:

Family - Here you can select the typography for the title;
Size - Here you can set up the title size;
Weight - Please, select the weight for the title;
Transform - This option allows to change the case of the text;
Style - Please, select text style for the title;
Decoration - Please, select style for the title decoration;
Line-Height - Here you can enter a line height for the title;
Letter Spacing - Here you can enter a letter spacing for the title.

Business Desc Typography:

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the desc.
Size - Set up the desc size.
Weight - Select the weight of the desc.
Transform - Change the case of the text.
Style - Select desc style.
Decoration - Select a style for the desc decoration.
Line-Height - Enter a line-height of the desc.
Letter Spacing - Enter a letter spacing of the numbers.

Progress Bar 9

Content

Counter value - Please, enter the percentage value.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Image - Here you can add the image to this section.
Use custom font for counter? - Turn on the switcher to customize counter typography.
Use custom font for description? - Turn on the switcher if you want to customize description typography.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Counter Typography:

Alignment - Here you can select the alignment.

Text Color - Here you can select title color from the palette.

Typography items:

Family - Here you can select the typography for the counter;
Size - Here you can set up the counter size;
Weight - Please, select the weight for the counter;
Transform - This option allows to change the case of the text;
Style - Please, select style of thee counter;
Decoration - Please, select style for the counter decoration;
Line-Height - Here you can enter a line height for the counter;
Letter Spacing - Here you can enter a letter spacing for the counter.

Description Typography

Alignment - Select the alignment of the numbers.

Text Color - Here you can select description color from the palette.

Typography items

Family - Here you can select the typography for the description text.
Size - Here you can set up the description text size.
Weight - Please, select the weight for the description text.
Transform - This option allows to change the case of the description text.
Style - Please, select text style for the description text.
Decoration - Please, select a style for the description text decoration.
Line-Height - Here you can enter a line height for the description text.
Letter Spacing - Here you can enter a letter spacing for the description text.

Karma Images size for images:

Image original size - Select the image size.

Progress Bar 10

Content

Heading - Here you can enter the heading text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.
Numbers - Add # to the box.
Element tag for Heading - Select the heading tag.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.
Element tag for number - Select the nember tag.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Mooseoom Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Mooseoom Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Images size:

Image original size - Select the image size.

Progress Bar 11

Content

Heading - Here you can enter the heading text.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Element tag for Heading - Select the heading tag.
Use dot at the end of the heading? - Turn on the switcher to add or remove dot.
Image - Here you can add the image to this section
Symbol before Number - Add any symbol to the box.
Numbers - Add # to the box.
Symbol after Number - Add any symbol to the box.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Images size:

Image original size - Select the image size.

Moovit Numbers Typography:

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Progress Bar 12

Content

Heading - Here you can enter the heading text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Use dot at the end of the heading? - Turn on the switcher to add or remove dot.
Number - Add # to the box.
Symbol after Number - Add any symbol to the box.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Moovit Numbers Typography:

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Progress Bar 13

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.
Line color - Please, select the color from the palette.
Active line color - Select the color from the palette.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Moovit Heading Typography:

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Progress Bar 14

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Element tag for Heading - Select the heading tag.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.
Use custom font for percent?- Turn on the switch if you want to customize font for the percent.
Line color - Please, select the color from the palette.
Active line color - Select the color from the palette.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Ninedok Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Ninedok Percent Typography:

Alignment - Select the alignment.

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the percent.
Size - Set up the size.
Weight - Select the weight of the percent.
Transform - Change the case of the percent.
Style - Select style.
Decoration - Select a style for the percent decoration.
Line-Height - Enter a line-height of the percent.
Letter Spacing - Enter a letter spacing of the percent.

Progress Bar 14

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Element tag for Heading - Select the heading tag.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.
Use custom font for percent?- Turn on the switch if you want to customize font for the percent.
Image - Choose an image from the library.
Overlay Color - Choose the color for the overlay from the color palette.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Images size:

Image original size - Select the image size.

Ninedok Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Ninedok Percent Typography:

Alignment - Select the alignment.

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the percent.
Size - Set up the size.
Weight - Select the weight of the percent.
Transform - Change the case of the percent.
Style - Select style.
Decoration - Select a style for the percent decoration.
Line-Height - Enter a line-height of the percent.
Letter Spacing - Enter a letter spacing of the percent.

Ninedok Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Progress Bar 16

Content

Counter value - Please, enter the percentage value.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Symbol before percent - Add any symbol to the box.
Symbol after percent - Add any symbol to the box.
Use dot at the end of the number? - Turn on the switcher to add or remove dot.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.
Use custom font for description? - Turn on the switcher if you want to customize description typography.
Align - Select the alignment from the box.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Outsourceo Numbers Typography:

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Outsourceo Description Typography

Text Color - Here you can select description color from the palette.

Typography - Select the typography for the description.

Family - Here you can select the typography for the description text.
Size - Here you can set up the description text size.
Weight - Please, select the weight for the description text.
Transform - This option allows to change the case of the description text.
Style - Please, select text style for the description text.
Decoration - Please, select a style for the description text decoration.
Line-Height - Here you can enter a line height for the description text.
Letter Spacing - Here you can enter a letter spacing for the description text.

Progress Bar 17

Content

Counter value - Please, enter the percentage value.
Heading - Here you can enter the heading text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Progress Bar 18

Content

Heading - Here you can enter the heading text.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Number - Add # to the box.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Soapy Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Soapy Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading

Progress Bar 19

Content

Heading - Here you can enter the heading text.
Description - Please, enter your description text.
Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Number - Add # to the box.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.
Element tag for Heading - Select the heading tag.
Use custom font for heading? - Please, turn on the switch if you want to customize the heading typography.
Use custom font for description? - Turn on the switcher if you want to customize description typography.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Vestry Numbers Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Vestry Heading Typography:

Alignment - Select the heading alignment.

Text Color - Select heading color from the palette.

Family - Select the typography of the heading.
Size - Set up the heading size.
Weight - Select the weight of the heading.
Transform - Change the case of the text.
Style - Select text style for the heading.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the heading.
Letter Spacing - Enter a letter spacing of the heading.

Vestry Description Typography

Alignment - Select the alignment of the numbers.

Text Color - Here you can select description color from the palette.

Typography items

Family - Here you can select the typography for the description text.
Size - Here you can set up the description text size.
Weight - Please, select the weight for the description text.
Transform - This option allows to change the case of the description text.
Style - Please, select text style for the description text.
Decoration - Please, select a style for the description text decoration.
Line-Height - Here you can enter a line height for the description text.
Letter Spacing - Here you can enter a letter spacing for the description text.

Content

Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.
Number - Add # to the box.
Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.
Symbol after Symbol - Add any symbol to the box.
Use custom font for symbol? - Turn on the switch if you want to customize font for the symbol.
Title - Here you can add the title to the current item.
Element tag for Title - Select a title tag.
Use custom font for title? - Turn on the switcher if you want to customize the font for the title text.

Bizy Chart Symbol Typography:

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the chart.
Size - Set up the chart size.
Weight - Select the weight of the chart.
Transform - Change the case of the text.
Style - Select text style.
Decoration - Select a style for the chart decoration.
Line-Height - Enter a line-height of the chart.
Letter Spacing - Enter a letter spacing of the chart.

Sterling Number Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items

Family - Select the typography of the numbers.
Size - Set up the numbers size.
Weight - Select the weight of the numbers.
Transform - Change the case of the text.
Style - Select numbers style.
Decoration - Select a style for the heading decoration.
Line-Height - Enter a line-height of the numbers.
Letter Spacing - Enter a letter spacing of the numbers.

Sterling Symbol Typography:

Alignment - Select the alignment of the numbers.

Text Color - Select color from the palette.

Typography items:

Family - Select the typography of the symbol.
Size - Set up the symbol size.
Weight - Select the weight of the symbol.
Transform - Change the case of the symbol.
Style - Select symbol style.
Decoration - Select a style for the symbol decoration.
Line-Height - Enter a line-height of the symbol.
Letter Spacing - Enter a letter spacing of the symbol.

Sterling Title Typography:

Alignment - - Here you can select the title alignment.

Text Color - Here you can select title color from the palette.

Typography items:

Family - Here you can select the typography for the title;
Size - Here you can set up the title size;
Weight - Please, select the weight for the title;
Transform - This option allows to change the case of the text;
Style - Please, select text style for the title;
Decoration - Please, select style for the title decoration;
Line-Height - Here you can enter a line height for the title;
Letter Spacing - Here you can enter a letter spacing for the title.

Progressbar (Sterling)

Circle

Progressbar with Numbers

Numerical with Icon

Content Counter value - Please, enter the percentage value. Description - Please, enter your description text. Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.

Modern Numerical with Icon

Progress Bar 1

Progress Bar 2

Bizy Simple

Bizy Circle

Progress Bar 3

Progress Bar 4

Progress Bar 5

Progress Bar 6

Progress Bar 7

Progress Bar 8

Progress Bar 9

Progress Bar 10

Progress Bar 11

Progress Bar 12

Progress Bar 13

Progress Bar 14

Progress Bar 14

Progress Bar 16

Progress Bar 17

Progress Bar 18

Progress Bar 19

Content

Counter value - Please, enter the percentage value.

Description - Please, enter your description text.

Use custom font for chart symbol? - Turn on the switch if you want to customize font for the chart symbol.