Elements – Progress Bar

[vc_section full_width=”stretch_row”][vc_row][vc_column][vc_column_text]

Progressbar Circle

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/12″][/vc_column][vc_column width=”10/12″][vc_row_inner][vc_column_inner width=”1/4″][creatink_progress_bar_block]

New Visitors

Maecenas faucibus mollis interdum. Aenean eu leo quam.

[/creatink_progress_bar_block][/vc_column_inner][vc_column_inner width=”1/4″][creatink_progress_bar_block amount=”80″ text_color=”#3fbfae” background_color=”#3fbfae”]

Social Media

Maecenas sed diam eget risus varius blandit sit amet non.

[/creatink_progress_bar_block][/vc_column_inner][vc_column_inner width=”1/4″][creatink_progress_bar_block amount=”34″ text_color=”#e45050″ background_color=”#e45050″]

Referrals

Donec ullamcorper nulla non metus auctor fringilla.

[/creatink_progress_bar_block][/vc_column_inner][vc_column_inner width=”1/4″][creatink_progress_bar_block amount=”45″ text_color=”#f1bd69″ background_color=”#f1bd69″]

Search Engines

Aenean eu leo quam. Pellentesque ornare lacinia.

[/creatink_progress_bar_block][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/12″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]


Progressbar Semi Circle

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/12″][/vc_column][vc_column width=”10/12″][vc_row_inner][vc_column_inner width=”1/4″][creatink_progress_bar_block layout=”semi-circle” text_color=”#ee7757″ background_color=”#ee7757″]

New Visitors

Maecenas faucibus mollis interdum. Aenean eu leo quam.

[/creatink_progress_bar_block][/vc_column_inner][vc_column_inner width=”1/4″][creatink_progress_bar_block layout=”semi-circle” amount=”80″ text_color=”#df739b” background_color=”#df739b”]

Social Media

Maecenas sed diam eget risus varius blandit sit amet non.

[/creatink_progress_bar_block][/vc_column_inner][vc_column_inner width=”1/4″][creatink_progress_bar_block layout=”semi-circle” amount=”34″ text_color=”#c78ed7″ background_color=”#c78ed7″]

Referrals

Donec ullamcorper nulla non metus auctor fringilla.

[/creatink_progress_bar_block][/vc_column_inner][vc_column_inner width=”1/4″][creatink_progress_bar_block layout=”semi-circle” amount=”45″ text_color=”#9c7c6f” background_color=”#9c7c6f”]

Search Engines

Aenean eu leo quam. Pellentesque ornare lacinia.

[/creatink_progress_bar_block][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/12″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]


Progressbar Line

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][creatink_progress_bar_block layout=”bar” amount=”90″ title=”Photoshop”][/creatink_progress_bar_block][creatink_progress_bar_block layout=”bar” amount=”80″ text_color=”#3fbfae” background_color=”#3fbfae” title=”Final Cut”][/creatink_progress_bar_block][creatink_progress_bar_block layout=”bar” amount=”85″ text_color=”#ee7757″ background_color=”#ee7757″ title=”Studio Photography”][/creatink_progress_bar_block][creatink_progress_bar_block layout=”bar” amount=”65″ text_color=”#e45050″ background_color=”#e45050″ title=”Motion Video”][/creatink_progress_bar_block][/vc_column][vc_column width=”1/2″][creatink_progress_bar_block layout=”bar-bordered” amount=”90″ text_color=”#f1bd69″ background_color=”#f1bd69″ title=”CSS/HTML”][/creatink_progress_bar_block][creatink_progress_bar_block layout=”bar-bordered” amount=”80″ text_color=”#df739b” background_color=”#df739b” title=”WordPress”][/creatink_progress_bar_block][creatink_progress_bar_block layout=”bar-bordered” amount=”85″ text_color=”#c78ed7″ background_color=”#c78ed7″ title=”jQuery”][/creatink_progress_bar_block][creatink_progress_bar_block layout=”bar-bordered” amount=”65″ text_color=”#9c7c6f” background_color=”#9c7c6f” title=”Drupal”][/creatink_progress_bar_block][/vc_column][/vc_row][/vc_section]