Progress Bar & Pie Chart
Progress Bar
[tt_code][ progressbar ][ tt_progressbar color="#000" background_color="#90133b" value="80" show_percentage="yes" style="1 | 2 | 3 " ] Web Development [ /tt_progressbar ][ /progressbar ][ progressbar ][ tt_progressbar color="#000" background_color="#ff9cac" value="50" show_percentage="yes" style="1" ] Web Development [ /tt_progressbar ][ /progressbar ][ progressbar ][ tt_progressbar color="#000" background_color="#ff9cac" value="20" show_percentage="no" style="1" ] Web Development [ /tt_progressbar ][ /progressbar ][/tt_code]
[container padding="15px" background_color="#fff"]
Style 1
[progressbar][tt_progressbar color="#000" background_color="#90133b" value="80" show_percentage="yes" style="1"] Web Development [/tt_progressbar][/progressbar][progressbar][tt_progressbar color="#000" background_color="#ff9cac" value="50" show_percentage="yes" style="1"] Web Development [/tt_progressbar][/progressbar][progressbar][tt_progressbar color="#000" background_color="#ff9cac" value="20" show_percentage="no" style="1"] Web Development [/tt_progressbar][/progressbar]
Style 2
[progressbar][tt_progressbar color="#000" background_color="#90133b" value="80" show_percentage="yes" style="2"] Web Development [/tt_progressbar][/progressbar][progressbar][tt_progressbar color="#000" background_color="#ff9cac" value="50" show_percentage="yes" style="2"] Web Development [/tt_progressbar][/progressbar][progressbar][tt_progressbar color="#000" background_color="#ff9cac" value="20" show_percentage="no" style="2"] Web Development [/tt_progressbar][/progressbar]
Style 3
[progressbar][tt_progressbar color="#000" background_color="#ff9cac" value="80" show_percentage="yes" style="3"] Web Development [/tt_progressbar][/progressbar][progressbar][tt_progressbar color="#000" background_color="#ff9cac" value="50" show_percentage="yes" style="3"] Web Development [/tt_progressbar][/progressbar][progressbar][tt_progressbar color="#000" background_color="#ff9cac" value="20" show_percentage="no" style="3"] Web Development [/tt_progressbar][/progressbar]
[/container]
Piechart
[tt_code][ tt_piechart background_color="#2c2c2c" percentage="50" title="Praesent magna" style="1 | 2" ]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[ /tt_piechart ][/tt_code]
[container padding="15px" background_color="#fff"]
Style 1
[one_third][tt_piechart background_color="#2c2c2c" percentage="50" title="Praesent magna" style="1"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tt_piechart][/one_third]
[one_third][tt_piechart background_color="#90133b" percentage="20" title="Praesent magna" style="1"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tt_piechart][/one_third]
[one_third][tt_piechart background_color="#8ba462" percentage="50" title="Praesent magna" style="1"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tt_piechart][/one_third]
Style 2
[one_third][tt_piechart background_color="#2c2c2c" percentage="50" title="Praesent magna" style="2"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tt_piechart][/one_third]
[one_third][tt_piechart background_color="#90133b" percentage="50" title="Praesent magna" style="2"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tt_piechart][/one_third]
[one_third][tt_piechart background_color="#8ba462" percentage="50" title="Praesent magna" style="2"]Nunc molestie dolor nec magna fermen atum in pharetra orci mollis. Nam tempor diam elit fermen atum in pharetra orci mollis.[/tt_piechart][/one_third]
[/container]
Counter
[tt_code][ tt_counter type='vertical | horizontal' image='' id='project' color='#000' title_color='#000' icon='fa-user' icon_color='#000' start='1000' end='0' decimal='0' duration='10' title='projects' separator=',' ][ /tt_counter ][/tt_code]
[container background_color="#fff"]
[one_third][tt_counter type='vertical' id='project' icon='fa-user' icon_color='#000' title_color='#000' color='#000' start='1000' end='1500' decimal='0' duration='10' title='projects' separator=','][/tt_counter][/one_third][one_third][tt_counter type='vertical' icon='fa-user' id='websites' icon_color='#000' icon='fa-user' title_color='#000' color='#000' start='1000' end='1500' decimal='0' duration='10' title='Websites' separator=','][/tt_counter][/one_third][one_third][tt_counter type='vertical' icon='fa-user' icon_color='#000' id='hosting' icon='fa-user' title_color='#000' color='#000' start='1000' end='2000' decimal='0' duration='10' title='hosting' separator=','][/tt_counter][/one_third]
[one_third][tt_counter image="" icon='fa-user' type='horizontal' id='project2' icon_color='#000' title_color='#000' color='#000' start='1000' end='1500' decimal='0' duration='10' title='projects' separator=','][/tt_counter][/one_third][one_third][tt_counter type='horizontal' id='websites2' icon='fa-user' icon_color='#000' title_color='#000' color='#000' start='1000' end='1500' decimal='0' duration='10' title='Websites' separator=','][/tt_counter][/one_third][one_third][tt_counter type='horizontal' id='hosting2' icon_color='#000' icon='fa-user' title_color='#000' color='#000' start='1000' end='2000' decimal='0' duration='10' title='hosting' separator=','][/tt_counter][/one_third]
[/container]
