Progress Bar

[dt_sc_separator]

Type 1

[dt_sc_hr_invisible size=”small”][dt_sc_hr_custom]

[dt_sc_separator]

STANDARD

[dt_sc_hr_custom][dt_sc_progress_bar type=”standard” text=”Wordpress” value=”90″ color=”#a33b70″][dt_sc_progress_bar type=”standard” text=”Creative Team” value=”85″ color=”#8b5595″][dt_sc_progress_bar type=”standard” text=”PHP” value=”75″ color=”#00adef”][dt_sc_progress_bar type=”standard” text=”Content Development” value=”65″ color=”#e0316f”]

[dt_sc_separator]

STRIPED

[dt_sc_hr_custom][dt_sc_progress_bar text=”Wordpress” value=”90″ color=”#a33b70″][dt_sc_progress_bar text=”Creative Team” value=”85″ color=”#8b5595″][dt_sc_progress_bar text=”PHP” value=”75″ color=”#00adef”][dt_sc_progress_bar text=”Content Development” value=”65″ color=”#e0316f”]
[dt_sc_hr_invisible]

[dt_sc_separator]

ACTIVE STRIPED

[dt_sc_hr_custom][dt_sc_progress_bar type=”progress-striped-active” text=”Wordpress” value=”90″ color=”#a33b70″][dt_sc_progress_bar type=”progress-striped-active” text=”Creative Team” value=”85″ color=”#8b5595″][dt_sc_progress_bar type=”progress-striped-active” text=”PHP” value=”75″ color=”#00adef”][dt_sc_progress_bar type=”progress-striped-active” text=”Content Development” value=”65″ color=”#e0316f”][dt_sc_hr_invisible size=”large”]

[dt_sc_separator]

TYPE 2

[dt_sc_hr_invisible size=”small”][dt_sc_hr_custom]

[dt_sc_separator]

Standard

[dt_sc_hr_custom][dt_sc_progress_bar type=”standard” style=”style2″ text=”WordPress” value=”95″ color=”#a33b70″][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”standard” style=”style2″ text=”PHP” value=”85″ color=”#8b5595″][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”standard” style=”style2″ text=”HTML” value=”75″ color=”#00adef”][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”standard” style=”style2″ text=”jQuery” value=”65″ color=”#e0316f”][dt_sc_hr_invisible]

[dt_sc_separator]

STRIPED

[dt_sc_hr_custom][dt_sc_progress_bar style=”style2″ text=”WordPress” value=”95″ color=”#a33b70″][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar style=”style2″ text=”PHP” value=”85″ color=”#8b5595″][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar style=”style2″ text=”HTML” value=”75″ color=”#00adef”][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar style=”style2″ text=”jQurey” value=”65″ color=”#e0316f”][dt_sc_hr_invisible size=”xsmall”]

[dt_sc_separator]

ACTIVE STRIPED

[dt_sc_hr_custom][dt_sc_progress_bar type=”progress-striped-active” style=”style2″ text=”WordPress” value=”95″ color=”#a33b70″][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”progress-striped-active” style=”style2″ text=”PHP” value=”85″ color=”#8b5595″][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”progress-striped-active” style=”style2″ text=”HTML” value=”75″ color=”#00adef”][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”progress-striped-active” style=”style2″ text=”jQuery” value=”65″ color=”#e0316f”]
[dt_sc_hr_invisible size=”large”]

[dt_sc_separator]

Donut Chart

[dt_sc_hr_invisible size=”small”][dt_sc_hr_custom]

[dt_sc_separator]

Small

[dt_sc_donutchart size=”small” datasize=”90″ datapercent=”40″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Liposuction”]
[dt_sc_donutchart size=”small” datasize=”90″ datapercent=”40″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Hymenoplasty”]
[dt_sc_donutchart size=”small” datasize=”90″ datapercent=”40″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Rhinoplasty”]
[dt_sc_donutchart size=”small” datasize=”90″ datapercent=”40″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Gynaecomastia”]
[dt_sc_donutchart size=”small” datasize=”90″ datapercent=”40″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Pigmentation”]
[dt_sc_hr_invisible][dt_sc_hr_custom]

[dt_sc_separator]

Medium

[dt_sc_donutchart datasize=”160″ datapercent=”60″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Liposuction”]
[dt_sc_donutchart datasize=”160″ datapercent=”60″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Rhinoplasty”]
[dt_sc_donutchart datasize=”160″ datapercent=”60″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Gynaecomastia”]
[dt_sc_donutchart datasize=”160″ datapercent=”60″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Pigmentation”]
[dt_sc_hr_invisible][dt_sc_hr_custom]

[dt_sc_separator]

Large

[dt_sc_donutchart size=”large” datasize=”240″ datapercent=”80″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Liposuction”]
[dt_sc_donutchart size=”large” datasize=”240″ datapercent=”80″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Abdominoplasty”]
[dt_sc_donutchart size=”large” datasize=”240″ datapercent=”80″ bgcolor=”#f0ebd8″ fgcolor=”#89cddf” title=”Pigmentation”]