Piechart

Please install Breadcrumb NavXT plugin to display the breadcrumb.

60^%

SEO

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

70^%

Marketing

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

80^%

Branding

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

90^%

Advertising

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

60^%

SEO

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

70^%

Marketing

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

80^%

Branding

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

90^%

Advertising

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

70^%

Marketing

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

80^%

Branding

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

90^%

Advertising

Lorem ipsum dolor sit amet brav conse ctetuer adipi scing elitiani.

[piechart name="Piechart Name" percent="90" color="COLOR HERE" forecolor="FORECOLOR HERE" thickness="5" size="150"]
CONTENT HERE
[/piechart]

Usage

Here’re parameters of this shortcode:

percent: should be a number from 0 – 100.
color: any color: red, blue, orange… or a custom color code such as #12dada. Default is the primary color.
forecolor: also a color. Default is “#aaa”.
thickness: the thickness of circle (in px). Default is 5.
name: the piechart name/title
size: The diameter of the circle (in px). Default is 150.
delay: The time delay before the animation run in millisecond unit. Default is 0.