Progress Bars

consectetur - 85%
consectetur - 75%
consectetur - 65%
consectetur - 80%
consectetur - 70%
consectetur - 85%
consectetur - 75%
consectetur - 65%
consectetur - 80%
consectetur - 70%
Shortcode:

[dt_sc_progressbar value='70' type='standard' color='#F39D12' textcolor=''] Content[/dt_sc_progressbar]

Available Types

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

Progress Bars Type – II

[dt_progress_chart percentage=”80″ percent_text=”Save” fgcolor=”#9C59B6″ bgcolor=”#E3E0D9″ title=”Platinum” subtitle=”only for citizens” button_text=”Get Coupon” button_color=””]Donec viverra, arcu auctor tincidunt mattis, erat odio mattis felis, posuere placerat diam odio sollicitudin eros.[/dt_progress_chart]
[dt_progress_chart percentage=”60″ percent_text=”Save” fgcolor=”#3498DB” bgcolor=”#E3E0D9″ title=”Gold” subtitle=”only for ladies” button_text=”Get Coupon” button_color=””]Donec viverra, arcu auctor tincidunt mattis, erat odio mattis felis, posuere placerat diam odio sollicitudin eros.[/dt_progress_chart]
[dt_progress_chart percentage=”50″ percent_text=”Save” fgcolor=”#1ABC9C” bgcolor=”#E3E0D9″ title=”Silver” subtitle=”only for childrens” button_text=”Get Coupon” button_color=””]Donec viverra, arcu auctor tincidunt mattis, erat odio mattis felis, posuere placerat diam odio sollicitudin eros.[/dt_progress_chart]
[dt_progress_chart percentage=”40″ percent_text=”Save” fgcolor=”#F39D12″ bgcolor=”#E3E0D9″ title=”Brown” subtitle=”only for ladies” button_text=”Get Coupon” button_color=””]Donec viverra, arcu auctor tincidunt mattis, erat odio mattis felis, posuere placerat diam odio sollicitudin eros.[/dt_progress_chart]
Shortcode:

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