Progress Bar

[vc_row][vc_column][vc_column_text el_class=”alignleft” css=”.vc_custom_1451307711016{margin-bottom: 20px !important;}”][dt_sc_separator]

STANDARD

[/vc_column_text][dt_sc_hr_custom][/vc_column][vc_column width=”1/2″][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”][/vc_column][vc_column width=”1/2″][dt_sc_progress_bar type=”standard” text=”Print Design” value=”90″ color=”#9bbd3c”][dt_sc_progress_bar type=”standard” text=”Html5 / CSS3″ value=”85″ color=”#fd8457″][dt_sc_progress_bar type=”standard” text=”BigCommerce” value=”75″ color=”#33c2a6″][dt_sc_progress_bar type=”standard” text=”Programmers” value=”65″ color=”#d98f5a”][/vc_column][vc_column][dt_sc_hr_invisible][/vc_column][/vc_row][vc_row][vc_column][vc_column_text el_class=”alignleft” css=”.vc_custom_1451308342068{margin-bottom: 20px !important;}”][dt_sc_separator]

STRIPED

[/vc_column_text][dt_sc_hr_custom][/vc_column][vc_column width=”1/2″][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”][/vc_column][vc_column width=”1/2″][dt_sc_progress_bar text=”Print Design” value=”90″ color=”#9bbd3c”][dt_sc_progress_bar text=”Html5 / CSS3″ value=”85″ color=”#fd8457″][dt_sc_progress_bar text=”BigCommerce” value=”75″ color=”#33c2a6″][dt_sc_progress_bar text=”Programmers” value=”65″ color=”#d98f5a”][/vc_column][vc_column][dt_sc_hr_invisible][/vc_column][/vc_row][vc_row][vc_column][vc_column_text el_class=”alignleft” css=”.vc_custom_1451308233014{margin-bottom: 20px !important;}”][dt_sc_separator]

ACTIVE STRIPED

[/vc_column_text][dt_sc_hr_custom][/vc_column][vc_column width=”1/2″][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”][/vc_column][vc_column width=”1/2″][dt_sc_progress_bar type=”progress-striped-active” text=”Print Design” value=”90″ color=”#9bbd3c”][dt_sc_progress_bar type=”progress-striped-active” text=”Html5 / CSS3″ value=”85″ color=”#fd8457″][dt_sc_progress_bar type=”progress-striped-active” text=”BigCommerce” value=”75″ color=”#33c2a6″][dt_sc_progress_bar type=”progress-striped-active” text=”Programmers” value=”65″ color=”#d98f5a”][/vc_column][vc_column][dt_sc_hr_invisible][/vc_column][/vc_row][vc_row][vc_column][vc_column_text el_class=”alignleft” css=”.vc_custom_1451308445185{margin-bottom: 20px !important;}”][dt_sc_separator]

TYPE 2

[/vc_column_text][dt_sc_hr_custom][/vc_column][vc_column width=”3/4″][dt_sc_progress_bar type=”standard” style=”style2″ text=”Quisque quis urna” value=”90″ color=”#a33b70″][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”standard” style=”style2″ text=”Content Development” value=”85″ color=”#8b5595″][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”standard” style=”style2″ text=”Creative Team” value=”75″ color=”#00adef”][dt_sc_hr_invisible size=”xsmall”][dt_sc_progress_bar type=”standard” style=”style2″ text=”Programmers” value=”65″ color=”#e0316f”][/vc_column][vc_column width=”1/4″][/vc_column][vc_column][dt_sc_hr_invisible][vc_column_text el_class=”alignleft” css=”.vc_custom_1458647722379{margin-bottom: 20px !important;}”][dt_sc_separator]

Donut Chart

[/vc_column_text][dt_sc_hr_custom][vc_row_inner][vc_column_inner el_class=”dt-sc-one-fifth” width=”1/6″][dt_sc_donutchart datasize=”170″ datapercent=”60″ bgcolor=”#e5e5e5″ fgcolor=”#1a90c6″ title=”Branches”][/vc_column_inner][vc_column_inner el_class=”dt-sc-one-fifth” width=”1/6″][dt_sc_donutchart datasize=”170″ datapercent=”75″ bgcolor=”#e5e5e5″ fgcolor=”#1a90c6″ title=”Doctors”][/vc_column_inner][vc_column_inner el_class=”dt-sc-one-fifth” width=”1/6″][dt_sc_donutchart datasize=”170″ datapercent=”30″ bgcolor=”#e5e5e5″ fgcolor=”#1a90c6″ title=”Student Got Training”][/vc_column_inner][vc_column_inner el_class=”dt-sc-one-fifth” width=”1/6″][dt_sc_donutchart datasize=”170″ datapercent=”45″ bgcolor=”#e5e5e5″ fgcolor=”#1a90c6″ title=”Testing Lab”][/vc_column_inner][vc_column_inner el_class=”dt-sc-one-fifth” width=”1/6″][dt_sc_donutchart datasize=”170″ datapercent=”80″ bgcolor=”#e5e5e5″ fgcolor=”#1a90c6″ title=”Branches”][/vc_column_inner][/vc_row_inner][vc_empty_space height=”80px”][/vc_column][/vc_row]

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *