Piechart Shortcode Example

A piechart is a type of graph in which a circle is divided into sectors that each represent a proportion of the whole. The Piechart Shortcode is also described as “Carefully crafted elements come together into one amazing design.”

Here are the parameters of pie chart shortcode:

Percent: should be a number from 0 – 100.
Color: color of outer, tracking part, text and text background. You can choose any color from color palette. Default is the primary color.
Title: chart title/name.
Icon: an icon from the icon set.
Text: the chart’s content.
Thickness: the thickness of circle (in px).
Speed: tracking speed. Numerical value only, 1000 = 1 second.
Delay: The time delay before the animation run in millisecond unit.
Size: Pie chart size, measured in px.
Linecap: butt, square or round. Default is butt.
ID: enter a unique ID for your step.
Class: enter a unique class name for your step.

Personal Profile

85%
WEB DESIGN

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac massa sed ante pretium egestas.

76%
ILLUSTRATION

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac massa sed ante pretium egestas.

80%
PRINT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac massa sed ante pretium egestas.

40%
HTML/CSS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac massa sed ante pretium egestas.

Get the code

Normal Style

Qual
100%
Get the code

Customized Colors

Text
123
Get the code

Control Size

Text
123
Get the code

Font Awesome Icons

Get the code