Progress Bar & Pie Chart

Progressbar Code

[container padding="20px 0" align="center][title size="small" type="simple"]نوار پیشرفت[/title][tm_code][ progressbar][ tm_progressbar color="FFFFFF" background_color="ff9cac" value="80" show_percentage="yes | no" style="1 | 2 | 3 "] Web Development [ /tm_progressbar ][ /progressbar ][/tm_code][/container]

Progressbar

[container padding="50px 0"][title size="small" type="simple" align="left"]سبک اول[/title][tm_divider space="10px"][progressbar][tm_progressbar background_color="2c2c2c" value="80" style="1"]توسعه وب[/tm_progressbar][tm_progressbar background_color="2c2c2c" value="64" style="1"]بازاریابی [/tm_progressbar][tm_progressbar background_color="2c2c2c" value="70" show_percentage="yes" style="1"]طراحی وب[/tm_progressbar][tm_progressbar background_color="2c2c2c" value="45" style="1"]مشاور [/tm_progressbar][/progressbar][/container][container padding="50px 0"][title size="small" type="simple" align="left"]سبک دوم[/title][tm_divider space="10px"][progressbar][tm_progressbar background_color="2c2c2c" value="80" show_percentage="no" style="2"]توسعه وب [/tm_progressbar][tm_progressbar background_color="2c2c2c" value="64" show_percentage="no" style="2"]بازاریابی[/tm_progressbar][tm_progressbar background_color="2c2c2c" value="70" show_percentage="no" style="2"]طراحی وب[/tm_progressbar][tm_progressbar background_color="2c2c2c" show_percentage="no" value="45" style="2"]مشاور [/tm_progressbar][/progressbar][/container][container padding="50px 0"][title size="small" type="simple" align="left"]سبک سوم [/title][tm_divider space="10px"]
[progressbar][tm_progressbar background_color="2c2c2c" value="80" style="3"]توسعه وب [/tm_progressbar][tm_progressbar background_color="2c2c2c" value="64" style="3"]بازاریابی [/tm_progressbar][tm_progressbar background_color="2c2c2c" value="70" style="3"]طراحی وب [/tm_progressbar][tm_progressbar background_color="2c2c2c" value="45" style="3"]مشاور [/tm_progressbar][/progressbar][/container][container padding="50px 0"][title size="small" type="simple" align="left"]سبک چهارم [/title][tm_divider space="10px"][progressbar][tm_progressbar background_color="2c2c2c" value="80" style="4"]توسعه وب [/tm_progressbar][tm_progressbar background_color="2c2c2c" value="64" style="4"]بازاریابی [/tm_progressbar][tm_progressbar background_color="2c2c2c" value="70" style="4"]طراحی وب [/tm_progressbar][tm_progressbar background_color="2c2c2c" value="45" style="4"]مشاور [/tm_progressbar][/progressbar][/container]

Piechart Code

[container padding="20px 0"][title size="small" type="simple"]نمودار دایره ای[/title][tm_code][ tm_piechart background_color="#2c2c2c" 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="#2c2c2c" percentage="50" title="پرستا شاپ"]لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله[/tm_piechart][/one_fourth][one_fourth content_width="90%"][tm_piechart background_color="#2c2c2c" percentage="35" title="وردپرس"]لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله.[/tm_piechart][/one_fourth][one_fourth content_width="90%"][tm_piechart background_color="#2c2c2c" percentage="85" title="فتوشاپ"]لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله.[/tm_piechart][/one_fourth][one_fourth content_width="90%"][tm_piechart background_color="#2c2c2c" percentage="15" title="جوملا"]لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله.[/tm_piechart][/one_fourth][/container]

0 نظرات