Progress Bar & Pie Chart

Progressbar Code

[container padding=»20px 0″ align=»cent[title size=»small» type=»simple»]Progress bar[/title][tm_code][ progressbar][ tm_progressbar color=»FFFFFF» background_color=»ff9cac» value=»80″ show_percentage=»yes | no» style=»1 | 2 | 3 «] Web Development [ /tm_progressbar ][ /progressbar ][/tm_code][/container]

Progressbar

[container padding=»50px 0″][title size=»small» type=»simple» align=»left»]Style One[/title][tm_divider space=»10px»][progressbar][tm_progressbar background_color=»2c2c2c» value=»80″ style=»1″]Web Development[/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»64″ style=»1″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»70″ show_percentage=»yes» style=»1″]Web Designing[/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»45″ style=»1″]Consulting [/tm_progressbar][/progressbar][/container][container padding=»50px 0″][title size=»small» type=»simple» align=»left»]Style Two[/title][tm_divider space=»10px»][progressbar][tm_progressbar background_color=»2c2c2c» value=»80″ show_percentage=»no» style=»2″]Web Development [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»64″ show_percentage=»no» style=»2″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»70″ show_percentage=»no» style=»2″]Web Designing[/tm_progressbar][tm_progressbar background_color=»2c2c2c» show_percentage=»no» value=»45″ style=»2″]Consulting [/tm_progressbar][/progressbar][/container][container padding=»50px 0″][title size=»small» type=»simple» align=»left»]Style Three [/title][tm_divider space=»10px»]
[progressbar][tm_progressbar background_color=»2c2c2c» value=»80″ style=»3″]Web Development [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»64″ style=»3″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»70″ style=»3″]Web Designing [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»45″ style=»3″]Consulting [/tm_progressbar][/progressbar][/container][container padding=»50px 0″][title size=»small» type=»simple» align=»left»]Style Four [/title][tm_divider space=»10px»][progressbar][tm_progressbar background_color=»2c2c2c» value=»80″ style=»4″]Web Development [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»64″ style=»4″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»70″ style=»4″]Web Designing [/tm_progressbar][tm_progressbar background_color=»2c2c2c» value=»45″ style=»4″]Consulting [/tm_progressbar][/progressbar][/container]

Piechart Code

[container padding=»20px 0″ align=»center»][title size=»small» type=»simple»]Pie Chart[/title][tm_code][ tm_piechart background_color=»#2c2c2c» percentage=»15″ title=»Praesent magna»] CONTENTS [ /tm_piechart ][/tm_code][/container]

Pie Chart

[container padding=»20px 0″][one_fourth content_width=»90%»][tm_piechart background_color=»#2c2c2c» 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][/one_fourth][one_fourth content_width=»90%»][tm_piechart background_color=»#2c2c2c» 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][/one_fourth][one_fourth content_width=»90%»][tm_piechart background_color=»#2c2c2c» 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][/one_fourth][one_fourth content_width=»90%»][tm_piechart background_color=»#2c2c2c» 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][/one_fourth][/container]