Infographic Progress Bars

[two_col_50_50_col1]

[progress_bars]

[progress_bar title=»WordPress Themes» percent=»50″ color=» percent_color=» active_background_color=’#e84c3d’ noactive_background_color=’#263244′ height=’30’]
[progress_bar title=»Web Design» percent=»85″ color=» percent_color=» active_background_color=’#e84c3d’ noactive_background_color=’#263244′ height=’30’]
[progress_bar title=»Web Development» percent=»60″ color=» percent_color=» active_background_color=’#e84c3d’ noactive_background_color=’#263244′ height=’30’]

[/progress_bars]

[/two_col_50_50_col1]
[two_col_50_50_col2]

[progress_bars]

[progress_bar title=»WordPress Themes» percent=»50″ color=» percent_color=» active_background_color=’#e84c3d’ noactive_background_color=’transparent’ height=’30’]
[progress_bar title=»Web Design» percent=»85″ color=» percent_color=» active_background_color=’#e84c3d’ noactive_background_color=’transparent’ height=’30’]
[progress_bar title=»Web Development» percent=»60″ color=» percent_color=» active_background_color=’#e84c3d’ noactive_background_color=’transparent’ height=’30’]

[/progress_bars]

[/two_col_50_50_col2]

[separator type=’transparent’ color=» thickness=» up=’35’ down=’35’]

[progress_bars]

[progress_bar title=»WordPress Themes» percent=»50″ color=» percent_color=» active_background_color=’#c2ba00′ noactive_background_color=’#263244′ height=’60’]

[progress_bar title=»Web Design» percent=»73″ color=» percent_color=» active_background_color=’#00c1d2′ noactive_background_color=’#263244′ height=’60’]

[progress_bar title=»Web Development» percent=»93″ color=» percent_color=» active_background_color=’#dd008a’ noactive_background_color=’#263244′ height=’60’]

[/progress_bars]

Добавить комментарий