Progress Bars

[dt_sc_hr_title tag=”h2″]Progress Bars[/dt_sc_hr_title][dt_sc_one_half id=”column_data” first][dt_sc_progressbar type=”progress-striped-active” color=”#9c59b6″ value=”85″]Sports Achievement[/dt_sc_progressbar][dt_sc_progressbar type=”progress-striped” color=”#3498db” value=”75″]Visual Classes[/dt_sc_progressbar][dt_sc_progressbar type=”progress-striped-active” color=”#9c59b6″ value=”65″]Listing Capability[/dt_sc_progressbar][dt_sc_progressbar type=”progress-striped” color=”#1abc9c” value=”80″]Outdoor Communication[/dt_sc_progressbar][dt_sc_progressbar type=”standard” color=”#f39d12″ value=”80″]Indoor Participation[/dt_sc_progressbar][/dt_sc_one_half][dt_sc_one_half id=”column_data” ][dt_sc_progressbar type=”progress-striped-active” color=”#9c59b6″ value=”85″]Sports Achievement[/dt_sc_progressbar][dt_sc_progressbar type=”progress-striped” color=”#3498DB” value=”75″]Visual Classes[/dt_sc_progressbar][dt_sc_progressbar type=”progress-striped-active” color=”#9c59b6″ value=”65″]Listing Capability[/dt_sc_progressbar][dt_sc_progressbar type=”progress-striped” color=”#1abc9c” value=”80″]Outdoor Communication[/dt_sc_progressbar][dt_sc_progressbar type=”standard” color=”#f39d12″ value=”80″]Indoor Participation[/dt_sc_progressbar][/dt_sc_one_half][dt_sc_hr_invisible /]

Shortcode:

[dt_sc_code]
[dt_sc_progressbar value=’70’ type=’standard’ color=’#F39D12′ textcolor=”] Content[/dt_sc_progressbar]
[/dt_sc_code]

Available Types

  • standard
  • progress-striped
  • progress-striped-active

[dt_sc_hr_invisible /][dt_sc_hr_title tag=”h2″]Progress Bars Type – II[/dt_sc_hr_title][dt_sc_one_fourth id=”column_data” first][dt_sc_progress_chart percentage=”80″ percent_text=”Save” bgcolor=”#E3E0D9″ fgcolor=”#9c59b6″ title=”Platinum” subtitle=”only for citizens” button_text=”Get Coupon” button_link=”#” size=”small” button_color=””]

Donec viverra, arcu auctor tincidunt mattis, erat odio mattis felis, posuere placerat diam odio sollicitudin eros.

[/dt_sc_progress_chart][/dt_sc_one_fourth][dt_sc_one_fourth id=”column_data” ][dt_sc_progress_chart percentage=”60″ percent_text=”Save” bgcolor=”#E3E0D9″ fgcolor=”#3498db” title=”Gold” subtitle=”only for ladies” button_text=”Get Coupon” button_link=”#” button_size=”small” button_color=””]

Donec viverra, arcu auctor tincidunt mattis, erat odio mattis felis, posuere placerat diam odio sollicitudin eros.

[/dt_sc_progress_chart][/dt_sc_one_fourth][dt_sc_one_fourth id=”column_data” ][dt_sc_progress_chart percentage=”50″ percent_text=”Save” bgcolor=”#E3E0D9″ fgcolor=”#1abc9c” title=”Silver” subtitle=”only for childrens” button_text=”Get Coupon” button_link=”#” button_size=”small” button_color=””]

Donec viverra, arcu auctor tincidunt mattis, erat odio mattis felis, posuere placerat diam odio sollicitudin eros.

[/dt_sc_progress_chart][/dt_sc_one_fourth][dt_sc_one_fourth id=”column_data” ][dt_sc_progress_chart percentage=”40″ percent_text=”Save” bgcolor=”#E3E0D9″ fgcolor=”#f39d12″ title=”Brown” subtitle=”only for ladies” button_text=”Get Coupon” button_link=”#” button_size=”small” button_color=””]

Donec viverra, arcu auctor tincidunt mattis, erat odio mattis felis, posuere placerat diam odio sollicitudin eros.

[/dt_sc_progress_chart][/dt_sc_one_fourth][dt_sc_hr_invisible /]

Shortcode:

[dt_sc_code]
[dt_progress_cart percentage=”50″ percent_text=”Save” fgcolor=”” bgcolor=”” title=”” subtitle=”” button_text=”” button_link=”” button_size=”small” button_color=”orange”]Your content goes here… [/dt_progress_chart]
[/dt_sc_code]