Progress Bar & Pie Chart

Progressbar Code


Progress bar


[tm_code]
[ progressbar]
[ tm_progressbar color="FFFFFF" background_color="E76453" value="80" show_percentage="yes | no" style="1 | 2 | 3 "]
Web Development
[ /tm_progressbar ]
[ /progressbar ]
[/tm_code]

Progressbar


Style One


[tm_divider space="10px"]
[progressbar][tm_progressbar background_color="E76453" value="80" style="1"]Web Development[/tm_progressbar][tm_progressbar background_color="E76453" value="64" style="1"]Marketing & PR [/tm_progressbar][tm_progressbar background_color="E76453" value="70" show_percentage="yes" style="1"]Web Designing [/tm_progressbar][tm_progressbar background_color="E76453" value="45" style="1"]Consulting [/tm_progressbar][/progressbar]



Style Two


[tm_divider space="10px"]
[progressbar][tm_progressbar background_color="E76453" value="80" show_percentage="no" style="2"]Web Development [/tm_progressbar][tm_progressbar background_color="E76453" value="64" show_percentage="no" style="2"]Marketing & PR [/tm_progressbar][tm_progressbar background_color="E76453" value="70" show_percentage="no" style="2"]Web Designing [/tm_progressbar][tm_progressbar background_color="E76453" show_percentage="no" value="45" style="2"]Consulting [/tm_progressbar][/progressbar]



Style Three


[tm_divider space="10px"]
[progressbar][tm_progressbar background_color="E76453" value="80" style="3"]Web Development [/tm_progressbar][tm_progressbar background_color="E76453" value="64" style="3"]Marketing & PR [/tm_progressbar][tm_progressbar background_color="E76453" value="70" style="3"]Web Designing [/tm_progressbar][tm_progressbar background_color="E76453" value="45" style="3"]Consulting [/tm_progressbar][/progressbar]



Style Four


[tm_divider space="10px"]
[progressbar][tm_progressbar background_color="E76453" value="80" style="4"]Web Development [/tm_progressbar][tm_progressbar background_color="E76453" value="64" style="4"]Marketing & PR [/tm_progressbar][tm_progressbar background_color="E76453" value="70" style="4"]Web Designing [/tm_progressbar][tm_progressbar background_color="E76453" value="45" style="4"]Consulting [/tm_progressbar][/progressbar]

Piechart Code


Pie Chart


[tm_code]
[ tm_piechart background_color="#E76453" percentage="15" title="Praesent magna"] CONTENTS [ /tm_piechart ]
[/tm_code]

Pie Chart



[tm_piechart background_color="#E76453" 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="#E76453" 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="#E76453" 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="#E76453" 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]

Leave a Reply

Your email address will not be published.

X