Progressbar Code

[container padding= »0 0 20px »][title size= »small » type= »simple » align= »left »]Progress bar[/title][tm_code][ progressbar][ tm_progressbar color= »FFFFFF » background_color= »000000″ 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= »fancy »]Style One[/title][progressbar][tm_progressbar background_color= »000000″ value= »80″ style= »1″]Web Development[/tm_progressbar][tm_progressbar background_color= »000000″ value= »64″ style= »1″]Marketing & PR [/tm_progressbar][tm_progressbar background_color= »000000″ value= »70″ show_percentage= »yes » style= »1″]Web Designing[/tm_progressbar][tm_progressbar background_color= »000000″ value= »45″ style= »1″]Consulting [/tm_progressbar][/progressbar][/container][container padding= »20px 0″][title size= »small » type= »fancy »]Style Two[/title][progressbar][tm_progressbar background_color= »000000″ value= »80″ show_percentage= »no » style= »2″]Web Development [/tm_progressbar][tm_progressbar background_color= »000000″ value= »64″ show_percentage= »no » style= »2″]Marketing & PR [/tm_progressbar][tm_progressbar background_color= »000000″ value= »70″ show_percentage= »no » style= »2″]Web Designing[/tm_progressbar][tm_progressbar background_color= »000000″ show_percentage= »no » value= »45″ style= »2″]Consulting [/tm_progressbar][/progressbar][/container][container padding= »20px 0″][title size= »small » type= »fancy »]Style Three [/title][progressbar][tm_progressbar background_color= »000000″ value= »80″ style= »3″]Web Development [/tm_progressbar][tm_progressbar background_color= »000000″ value= »64″ style= »3″]Marketing & PR [/tm_progressbar][tm_progressbar background_color= »000000″ value= »70″ style= »3″]Web Designing [/tm_progressbar][tm_progressbar background_color= »000000″ value= »45″ style= »3″]Consulting [/tm_progressbar][/progressbar][/container][container padding= »20px 0″][title size= »small » type= »fancy »]Style Four [/title][progressbar][tm_progressbar background_color= »000000″ value= »80″ style= »4″]Web Development [/tm_progressbar][tm_progressbar background_color= »000000″ value= »64″ style= »4″]Marketing & PR [/tm_progressbar][tm_progressbar background_color= »000000″ value= »70″ style= »4″]Web Designing [/tm_progressbar][tm_progressbar background_color= »000000″ value= »45″ style= »4″]Consulting [/tm_progressbar][/progressbar][/container]

Piechart Code

[container padding= »50px 0 20px »][title size= »small » type= »simple » align= »left »]Pie Chart[/title][tm_code][ tm_piechart background_color= »#000000″ 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= »#000000″ 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= »#000000″ 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= »#000000″ 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= »#000000″ 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]