Progress Bar & Pie Chart

[container padding=”20px 0″][title size=”medium” type=”fancy” align=”center”]Progress bar[/title][tm_code][ progressbar][ tm_progressbar color=”FFFFFF” background_color=”000000″ value=”80″ show_percentage=”yes | no” style=”1 | 2 | 3 “] Web Development [ /tm_progressbar ][ /progressbar ][/tm_code][/container]

[container padding=”20px 0″][title size=”small” type=”simple”]Style One[/title][progressbar][tm_progressbar background_color=”000000″ value=”80″ style=”1″]Web Development[/tm_progressbar][tm_progressbar background_color=”000000″ value=”64″ style=”1″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=”000000″ value=”70″ show_percentage=”yes” style=”1″]Web Designing[/tm_progressbar][tm_progressbar background_color=”000000″ value=”45″ style=”1″]Consulting [/tm_progressbar][/progressbar][/container][container padding=”20px 0″][title size=”small” type=”simple”]Style Two[/title][progressbar][tm_progressbar background_color=”000000″ value=”80″ show_percentage=”no” style=”2″]Web Development [/tm_progressbar][tm_progressbar background_color=”000000″ value=”64″ show_percentage=”no” style=”2″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=”000000″ value=”70″ show_percentage=”no” style=”2″]Web Designing[/tm_progressbar][tm_progressbar background_color=”000000″ show_percentage=”no” value=”45″ style=”2″]Consulting [/tm_progressbar][/progressbar][/container][container padding=”20px 0″][title size=”small” type=”simple”]Style Three [/title][progressbar][tm_progressbar background_color=”000000″ value=”80″ style=”3″]Web Development [/tm_progressbar][tm_progressbar background_color=”000000″ value=”64″ style=”3″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=”000000″ value=”70″ style=”3″]Web Designing [/tm_progressbar][tm_progressbar background_color=”000000″ value=”45″ style=”3″]Consulting [/tm_progressbar][/progressbar][/container][container padding=”20px 0″][title size=”small” type=”simple”]Style Four [/title][progressbar][tm_progressbar background_color=”000000″ value=”80″ style=”4″]Web Development [/tm_progressbar][tm_progressbar background_color=”000000″ value=”64″ style=”4″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=”000000″ value=”70″ style=”4″]Web Designing [/tm_progressbar][tm_progressbar background_color=”000000″ value=”45″ style=”4″]Consulting [/tm_progressbar][/progressbar][/container]

[container padding=”20px 0″][title size=”medium” type=”fancy” align=”center”]Pie Chart[/title][tm_code][ tm_piechart background_color=”#000000″ percentage=”15″ title=”Praesent magna”] CONTENTS [ /tm_piechart ][/tm_code][/container]

[container padding=”20px 0″]

[tm_piechart background_color=”#000000″ percentage=”50″ title=”Praesent magna”]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tm_piechart]

[tm_piechart background_color=”#000000″ percentage=”35″ title=”Conse viverra”]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tm_piechart]

[tm_piechart background_color=”#000000″ percentage=”85″ title=”Nunc molestie”]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tm_piechart]

[tm_piechart background_color=”#000000″ percentage=”15″ title=”Magna fermen”]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tm_piechart]

[/container]

Progressbar Code

Progressbar

Piechart Code

Pie Chart