Progress Bar & Pie Chart

Progressbar Code [container padding="20px 0"] [title size="small" type="simple" align="left" classname="sub_title"]Progress bar[/title] [tm_code] [ progressbar] [ tm_progressbar color=”FFFFFF” background_color=”7aa8cc” 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="simple" align="left" classname="sub_title"]Style One[/title] [tm_divider space="10px"] [progressbar][tm_progressbar background_color="2fb991" value="80" style="1"]Web Development[/tm_progressbar][tm_progressbar background_color="2fb991" value="64" style="1"]Marketing & PR [/tm_progressbar][tm_progressbar background_color="2fb991" value="70" show_percentage="yes" style="1"]Web Designing [/tm_progressbar][tm_progressbar background_color="2fb991" value="45" style="1"]Consulting [/tm_progressbar][/progressbar] [/container] [container padding="20px 0"] [title size="small" type="simple" align="left" classname="sub_title"]Style Two[/title] [tm_divider space="10px"] [progressbar][tm_progressbar background_color="2fb991" value="80" show_percentage="no" style="2"]Web Development [/tm_progressbar][tm_progressbar background_color="2fb991" value="64" show_percentage="no" style="2"]Marketing & PR [/tm_progressbar][tm_progressbar background_color="2fb991" value="70" show_percentage="no" style="2"]Web Designing [/tm_progressbar][tm_progressbar background_color="2fb991" show_percentage="no" value="45" style="2"]Consulting [/tm_progressbar][/progressbar] [/container] [container padding="20px 0"] [title size="small" type="simple" align="left" classname="sub_title"]Style Three [/title] [tm_divider space="10px"] [progressbar][tm_progressbar background_color="2fb991" value="80" style="3"]Web Development [/tm_progressbar][tm_progressbar background_color="2fb991" value="64" style="3"]Marketing & PR [/tm_progressbar][tm_progressbar background_color="2fb991" value="70" style="3"]Web Designing [/tm_progressbar][tm_progressbar background_color="2fb991" value="45" style="3"]Consulting [/tm_progressbar][/progressbar] [/container] [container padding="20px 0"] [title size="small" type="simple" align="left" classname="sub_title"]Style Four [/title] [tm_divider space="10px"] [progressbar][tm_progressbar background_color="2fb991" value="80" style="4"]Web Development [/tm_progressbar][tm_progressbar background_color="2fb991" value="64" style="4"]Marketing & PR [/tm_progressbar][tm_progressbar background_color="2fb991" value="70" style="4"]Web Designing [/tm_progressbar][tm_progressbar background_color="2fb991" value="45" style="4"]Consulting [/tm_progressbar][/progressbar] [/container]

Piechart Code

[container padding="20px 0"] [title size="small" type="simple" align="left" classname="sub_title"]Pie Chart[/title] [tm_code] [ tm_piechart background_color=”#7aa8cc” 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="#2fb991" 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="#2fb991" 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="#2fb991" 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="#2fb991" 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]]]>

X