Progressbar Code
[container padding=”20px 0″]
[title size=”medium” align=”center”]Progress bar[/title]
[tm_code]
[ progressbar]
[ tm_progressbar color=”FFFFFF” background_color=”ea9d06″ value=”80″ show_percentage=”yes | no” style=”1 | 2 | 3 “]
Web Development
[ /tm_progressbar ]
[ /progressbar ]
[/tm_code]
[/container]
Progressbar
[container padding=”20px 0″]
[title size=”small” type=”border” align=”center”]Style One[/title]
[tm_divider space=”10px”]
[progressbar][tm_progressbar background_color=”8ac42f” value=”80″ style=”1″]Web Development[/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”64″ style=”1″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”70″ show_percentage=”yes” style=”1″]Web Designing [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”45″ style=”1″]Consulting [/tm_progressbar][/progressbar]
[/container]
[container padding=”20px 0″]
[title size=”small” type=”border” align=”center”]Style Two[/title]
[tm_divider space=”10px”]
[progressbar][tm_progressbar background_color=”8ac42f” value=”80″ show_percentage=”no” style=”2″]Web Development [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”64″ show_percentage=”no” style=”2″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”70″ show_percentage=”no” style=”2″]Web Designing [/tm_progressbar][tm_progressbar background_color=”8ac42f” show_percentage=”no” value=”45″ style=”2″]Consulting [/tm_progressbar][/progressbar]
[/container]
[container padding=”20px 0″]
[title size=”small” type=”border” align=”center”]Style Three [/title]
[tm_divider space=”10px”]
[progressbar][tm_progressbar background_color=”8ac42f” value=”80″ style=”3″]Web Development [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”64″ style=”3″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”70″ style=”3″]Web Designing [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”45″ style=”3″]Consulting [/tm_progressbar][/progressbar]
[/container]
[container padding=”20px 0″]
[title size=”small” type=”border” align=”center”]Style Four [/title]
[tm_divider space=”10px”]
[progressbar][tm_progressbar background_color=”8ac42f” value=”80″ style=”4″]Web Development [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”64″ style=”4″]Marketing & PR [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”70″ style=”4″]Web Designing [/tm_progressbar][tm_progressbar background_color=”8ac42f” value=”45″ style=”4″]Consulting [/tm_progressbar][/progressbar]
[/container]
Piechart Code
[container padding=”20px 0″]
[title size=”medium” align=”center”]Pie Chart[/title]
[tm_code]
[ tm_piechart background_color=”#ea9d06″ percentage=”15″ title=”Praesent magna”] CONTENTS [ /tm_piechart ]
[/tm_code]
[/container]
Piechart
[container padding=”20px 0″]
[one_fourth content_width=”90%”]
[tm_piechart background_color=”#8ac42f” 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=”#8ac42f” 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=”#8ac42f” 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=”#8ac42f” 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]