Progress Bars

Progress Bars

[dt_sc_one_half first]

[dt_sc_progressbar value=’85’ type=’progress-striped-active’  color=’#9c59b6′ textcolor=”] consectetur[/dt_sc_progressbar]

[dt_sc_progressbar value=’75’ type=’progress-striped’ color=’#3498DB’ textcolor=”] consectetur[/dt_sc_progressbar]

[dt_sc_progressbar value=’65’ type=’progress-striped-active’ color=’#9c59b6′ textcolor=”] consectetur[/dt_sc_progressbar]

[dt_sc_progressbar value=’80’ type=’progress-striped’ color=’#1ABC9C’ textcolor=”] consectetur[/dt_sc_progressbar]

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

[/dt_sc_one_half]
[dt_sc_one_half]

[dt_sc_progressbar value=’85’ type=’progress-striped-active’  color=’#9c59b6′ textcolor=”] consectetur[/dt_sc_progressbar]

[dt_sc_progressbar value=’75’ type=’progress-striped’ color=’#3498DB’ textcolor=”] consectetur[/dt_sc_progressbar]

[dt_sc_progressbar value=’65’ type=’progress-striped-active’ color=’#9c59b6′ textcolor=”] consectetur[/dt_sc_progressbar]

[dt_sc_progressbar value=’80’ type=’progress-striped’ color=’#1ABC9C’ textcolor=”] consectetur[/dt_sc_progressbar]

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

[/dt_sc_one_half]
[dt_sc_clear]

[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]

Progress Bars Type – II

[dt_sc_one_fourth first]
[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_sc_one_fourth]

[dt_sc_one_fourth first]
[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_sc_one_fourth]

[dt_sc_one_fourth]
[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_sc_one_fourth]

[dt_sc_one_fourth]
[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]
[/dt_sc_one_fourth]
[dt_sc_clear]

[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=””]Your content goes here… [/dt_progress_chart]
[/dt_sc_code]

Leave a comment

You must be logged in to post a comment.

Back to Top