Progress bars - Ginger Fox Media

You Are Seeing TheFox’s Design

Awesome Progress Style.

Hello! Here is Loading Bars / Progress.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet enim lorem. Nulla vitae enim pharetra massa imperdiet porttitor. Ut vitae pretium nulla. Aenean ac fermentum urna. Duis volutpat velit non nisi viverra dignissim. Nullam id lobortis lacus. Etiam nec adipiscing felis. Integer vitae commodo tortor. Maecenas sed nulla quis est vulputate consequat sed nec leo. Nullam ac arcu varius, fermentum ipsum hendrerit, fringilla libero. Maecenas luctus ac ante sit amet pharetra.

[button type=”rd_normal_bt” size=”small_rd_bt” use_icon=”yes” icon_position=”bt_icon_left” t_color=”#ffffff” b_color=”#2c3e50″ t_hover_color=”#ffffff” b_hover_color=”#23ddd4″ radius=”3″ border_size=”border_1px” font_weight=”900″ url=”#” position=”ta_left” ml=”0″ mr=”0″ mt=”0″ mb=”0″ icon=”fa-check” icon_color=”#1abc9c” target=””]CHECK ALL STYLE[/button]

Round Progress Style 01

[count_sc type=”4″ number=”2.250″ decimals=”3″ speed=”1000″ icon=”elg-icon_toolbox” i_color=”#21c2f8″ number_color=”#2c3e50″]Works[/count_sc]

[count_sc type=”4″ number=”3.560″ decimals=”3″ speed=”1000″ icon=”elg-icon_profile” i_color=”#34495e” number_color=”#2c3e50″]Customers[/count_sc]

[count_sc type=”4″ number=”13.760″ decimals=”3″ speed=”1000″ icon=”elg-icon_download” i_color=”#21c2f8″ number_color=”#2c3e50″]Download[/count_sc]

[count_sc type=”4″ number=”1.500″ decimals=”3″ speed=”1000″ icon=”elg-icon_pin” i_color=”#21c2f8″ number_color=”#2c3e50″]Offices[/count_sc]

Round Progress Style 02

[rd_chart type=”rd_pie_02″ percentage=”90″ p_color=”#4e4e4e” bar_color=”#21c2f8″ bar_alt_color=”#19e2bb” track_color=”#ffffff” heading=”Photoshop” heading_color=”#2c3e50″ text=”Praesent turpis mauris, aliquet id dolor
Gravida adipiscing lectus ut rutrum
Aenean at posuere risus.” p_b_color=”#ecf0f1″ bg_color=”#ffffff”]

[rd_chart type=”rd_pie_02″ percentage=”75″ p_color=”#ffffff” bar_color=”#2c3e50″ track_color=”#ffffff” heading=”WordPress” heading_color=”#2c3e50″ text=”Praesent turpis mauris, aliquet id dolor
Gravida adipiscing lectus ut rutrum
Aenean at posuere risus.” p_b_color=”#1abc9c” bg_color=”#ffffff”]

[rd_chart type=”rd_pie_02″ percentage=”70″ p_color=”#4e4e4e” bar_color=”#21c2f8″ bar_alt_color=”#19e2bb” track_color=”#ffffff” heading=”Photography” heading_color=”#2c3e50″ text=”Praesent turpis mauris, aliquet id dolor
Gravida adipiscing lectus ut rutrum
Aenean at posuere risus.” p_b_color=”#ecf0f1″ bg_color=”#ffffff”]

[rd_chart type=”rd_pie_02″ percentage=”90″ p_color=”#4e4e4e” bar_color=”#21c2f8″ bar_alt_color=”#19e2bb” track_color=”#ffffff” heading=”Javascript” heading_color=”#2c3e50″ text=”Praesent turpis mauris, aliquet id dolor
Gravida adipiscing lectus ut rutrum
Aenean at posuere risus.” p_b_color=”#ecf0f1″ bg_color=”#ffffff”]

Round Progress Style 03

[rd_chart type=”rd_pie_03″ percentage=”30″ p_color=”#a1b1bc” bar_color=”#19e2ba” bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”Adobe Photoshop” heading_color=”#34495e” p_b_color=”#34495e” bg_color=”#cdd5db”]

[rd_chart type=”rd_pie_03″ percentage=”45″ p_color=”#a1b1bc” bar_color=”#19e2ba” bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”WordPress” heading_color=”#34495e” p_b_color=”#34495e” bg_color=”#cdd5db”]

[rd_chart type=”rd_pie_03″ percentage=”75″ p_color=”#ffffff” bar_color=”#21c2f8″ bar_alt_color=”#19e2ba” track_color=”#ffffff” heading=”WordPress” heading_color=”#34495e” p_b_color=”#1abc9c” bg_color=”#ffffff”]

[rd_chart type=”rd_pie_03″ percentage=”30″ p_color=”#a1b1bc” bar_color=”#19e2ba” bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”Adobe Illustrator” heading_color=”#34495e” p_b_color=”#34495e” bg_color=”#cdd5db”]

Round Progress Style 04

[rd_chart type=”rd_pie_04″ percentage=”99″ p_color=”#ffffff” bar_color=”#21c2f8″ bar_alt_color=”#19e2ba” track_color=”#ffffff” heading=”Photoshop” heading_color=”#ffffff” p_b_color=”#34495e” text=”Maecenas scelerisque
tempus in turpis felis
ornare placerat ” text_color=”#ffffff”]

[rd_chart type=”rd_pie_04″ percentage=”45″ p_color=”#ffffff” bar_color=”#21c2f8″ bar_alt_color=”#19e2ba” track_color=”#ffffff” heading=”Photography” heading_color=”#ffffff” p_b_color=”#34495e” text=”Maecenas scelerisque
tempus in turpis felis
ornare placerat ” text_color=”#ffffff”]

[rd_chart type=”rd_pie_04″ percentage=”50″ p_color=”#ffffff” bar_color=”#21c2f8″ bar_alt_color=”#19e2ba” track_color=”#ffffff” heading=”HTML” heading_color=”#ffffff” p_b_color=”#34495e” text=”Maecenas scelerisque
tempus in turpis felis
ornare placerat ” text_color=”#ffffff”]

[rd_chart type=”rd_pie_04″ percentage=”90″ p_color=”#ffffff” bar_color=”#21c2f8″ bar_alt_color=”#19e2ba” track_color=”#ffffff” heading=”WordPress” heading_color=”#ffffff” p_b_color=”#34495e” text=”Maecenas scelerisque
tempus in turpis felis
ornare placerat ” text_color=”#ffffff”]

[rd_chart type=”rd_pie_04″ percentage=”85″ p_color=”#ffffff” bar_color=”#21c2f8″ bar_alt_color=”#19e2ba” track_color=”#ffffff” heading=”Javascript” heading_color=”#ffffff” p_b_color=”#34495e” text=”Maecenas scelerisque
tempus in turpis felis
ornare placerat ” text_color=”#ffffff”]

[rd_chart type=”rd_pie_04″ percentage=”40″ p_color=”#ffffff” bar_color=”#21c2f8″ bar_alt_color=”#19e2ba” track_color=”#ffffff” heading=”Illustrator” heading_color=”#ffffff” p_b_color=”#34495e” text=”Maecenas scelerisque
tempus in turpis felis
ornare placerat ” text_color=”#ffffff”]

Round Progress Style 05

[rd_chart type=”rd_pie_05″ percentage=”80″ p_color=”#3a3e4a” bar_color=”#19e2ba” bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”Photoshop” heading_color=”#3a3e4a” p_b_color=”#34495e” ball_color=”#2c3e50″]

[rd_chart type=”rd_pie_05″ percentage=”85″ p_color=”#3a3e4a” bar_color=”#19e2ba” bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”WordPress” heading_color=”#3a3e4a” p_b_color=”#34495e” ball_color=”#2c3e50″]

[rd_chart type=”rd_pie_05″ percentage=”60″ p_color=”#3a3e4a” bar_color=”#34495e” track_color=”#ffffff” heading=”Javascript” heading_color=”#3a3e4a” p_b_color=”#34495e” ball_color=”#2c3e50″]

[rd_chart type=”rd_pie_05″ percentage=”70″ p_color=”#3a3e4a” bar_color=”#19e2ba” bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”Illustrator” heading_color=”#3a3e4a” p_b_color=”#34495e” ball_color=”#2c3e50″]

Round Progress Style 06

Quisque ligulas ipsum, euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos

[rd_chart type=”rd_pie_02″ percentage=”90″ p_color=”#4e4e4e” bar_color=”#1abc9c” bar_alt_color=”#1abc9c” track_color=”#ffffff” heading=”Photoshop” heading_color=”#ffffff” text=”Praesent turpis mauris, aliquet id dolor
Gravida adipiscing lectus ut rutrum
Aenean at posuere risus.” p_b_color=”#ecf0f1″ text_color=”#ffffff”]

[rd_chart type=”rd_pie_02″ percentage=”90″ p_color=”#ffffff” bar_color=”#21c2f8″ bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”WordPress” heading_color=”#ffffff” text=”Praesent turpis mauris, aliquet id dolor
Gravida adipiscing lectus ut rutrum
Aenean at posuere risus.” p_b_color=”#2c3e50″ text_color=”#ffffff”]

[rd_chart type=”rd_pie_02″ percentage=”70″ p_color=”#4e4e4e” bar_color=”#1abc9c” bar_alt_color=”#1abc9c” track_color=”#ffffff” heading=”Photography” heading_color=”#ffffff” text=”Praesent turpis mauris, aliquet id dolor
Gravida adipiscing lectus ut rutrum
Aenean at posuere risus.” p_b_color=”#ecf0f1″ text_color=”#ffffff”]

[rd_chart type=”rd_pie_02″ percentage=”90″ p_color=”#4e4e4e” bar_color=”#1abc9c” bar_alt_color=”#1abc9c” track_color=”#ffffff” heading=”Javascript” heading_color=”#ffffff” text=”Praesent turpis mauris, aliquet id dolor
Gravida adipiscing lectus ut rutrum
Aenean at posuere risus.” p_b_color=”#ecf0f1″ text_color=”#ffffff”]

Round Progress Style 07

[rd_chart type=”rd_pie_01″ percentage=”70″ p_color=”#a1b1bc” bar_color=”#21c2f8″ bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”Photoshop” heading_color=”#3a3e4a” p_b_color=”#34495e” ball_color=”#2c3e50″]

[rd_chart type=”rd_pie_01″ percentage=”85″ p_color=”#a1b1bc” bar_color=”#21c2f8″ bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”WordPress” heading_color=”#3a3e4a” p_b_color=”#34495e” ball_color=”#2c3e50″]

[rd_chart type=”rd_pie_01″ percentage=”70″ p_color=”#a1b1bc” bar_color=”#21c2f8″ track_color=”#ffffff” heading=”Javascript” heading_color=”#3a3e4a” p_b_color=”#34495e” ball_color=”#2c3e50″ bar_alt_color=”#21c2f8″]

[rd_chart type=”rd_pie_01″ percentage=”85″ p_color=”#a1b1bc” bar_color=”#21c2f8″ bar_alt_color=”#21c2f8″ track_color=”#ffffff” heading=”Illustrator” heading_color=”#3a3e4a” p_b_color=”#34495e” ball_color=”#2c3e50″]

Skill Bar Style 01

[progress_bar_ctn style=”rd_pb_1″][progress_bar title=”Adobe Photoshop” percentage=”80″ pb_color=”#1abc9c” pb_alt_color=”#4befce” pb_ctn_color=”#f7f7f7″ border_color=”#e7e7e7″][progress_bar title=”WordPress” percentage=”90″ pb_color=”#1abc9c” pb_alt_color=”#4befce” pb_ctn_color=”#f7f7f7″ border_color=”#e7e7e7″][progress_bar title=”Javascript” percentage=”65″ pb_color=”#1abc9c” pb_alt_color=”#4befce” pb_ctn_color=”#f7f7f7″ border_color=”#e7e7e7″][progress_bar title=”HTML / CSS” percentage=”80″ pb_color=”#1abc9c” pb_alt_color=”#4befce” pb_ctn_color=”#f7f7f7″ border_color=”#e7e7e7″][/progress_bar_ctn]

Skill Bar Style 02

[progress_bar_ctn style=”rd_pb_2″][progress_bar title=”Adobe Photoshop” percentage=”90″ pb_color=”#21c2f8″ pb_alt_color=”#19e2ba” pb_ctn_color=”#ffffff” border_color=”#e9e9e9″][progress_bar title=”WordPress Theme” percentage=”70″ pb_color=”#21c2f8″ pb_alt_color=”#19e2ba” pb_ctn_color=”#ffffff” border_color=”#e9e9e9″][progress_bar title=”Photography” percentage=”95″ pb_color=”#21c2f8″ pb_alt_color=”#19e2ba” pb_ctn_color=”#ffffff” border_color=”#e9e9e9″][progress_bar title=”Javascript” percentage=”80″ pb_color=”#21c2f8″ pb_alt_color=”#19e2ba” pb_ctn_color=”#ffffff” border_color=”#e9e9e9″][/progress_bar_ctn]

Skill Bar Style 03

[progress_bar_ctn style=”rd_pb_3″][progress_bar title=”WordPress Theme” percentage=”80″ title_color=”#ffffff” pb_color=”#21c2f8″ pb_alt_color=”#19e2ba” pb_ctn_color=”#ffffff” border_color=”#ffffff”][progress_bar title=”Adobe Photoshop” percentage=”70″ title_color=”#ffffff” pb_color=”#21c2f8″ pb_alt_color=”#19e2ba” pb_ctn_color=”#ffffff” border_color=”#ffffff”][progress_bar title=”Javascript” percentage=”90″ title_color=”#ffffff” pb_color=”#21c2f8″ pb_alt_color=”#19e2ba” pb_ctn_color=”#ffffff” border_color=”#ffffff”][progress_bar title=”Adobe Illustrator” percentage=”75″ title_color=”#ffffff” pb_color=”#21c2f8″ pb_alt_color=”#19e2ba” pb_ctn_color=”#ffffff” border_color=”#ffffff”][/progress_bar_ctn]

Skill Bar Style 04

[progress_bar_ctn style=”rd_pb_4″][progress_bar title=”Adobe Photoshop” percentage=”90″ pb_color=”#15deb6″ pb_alt_color=”#4acffb” pb_ctn_color=”#e8f0f6″ border_color=”#dee6eb” title_color=”#ffffff” stripe=”yes” stripe_animation=”yes”][progress_bar title=”WordPress” percentage=”80″ pb_color=”#15deb6″ pb_alt_color=”#4acffb” pb_ctn_color=”#ecf0f1″ border_color=”#dee6eb” title_color=”#ffffff” stripe=”yes” stripe_animation=”yes”][progress_bar title=”Javascript” percentage=”70″ pb_color=”#15deb6″ pb_alt_color=”#4acffb” pb_ctn_color=”#e8f0f6″ border_color=”#dee6eb” title_color=”#ffffff” stripe=”yes” stripe_animation=”yes”][progress_bar title=”Photography” percentage=”85″ pb_color=”#15deb6″ pb_alt_color=”#4acffb” pb_ctn_color=”#ecf0f1″ border_color=”#dee6eb” title_color=”#ffffff” stripe=”yes” stripe_animation=”yes”][/progress_bar_ctn]

Skill Bar Style 06

[progress_bar_ctn style=”rd_pb_6″][progress_bar title=”Photoshop” percentage=”90″ pb_color=”#a1b1bc” pb_ctn_color=”#ecf0f1″ border_color=”#ffffff” stripe=”yes” stripe_animation=”yes”][progress_bar title=”WordPress” percentage=”80″ pb_color=”#a1b1bc” pb_ctn_color=”#ecf0f1″ border_color=”#ffffff” stripe=”yes” stripe_animation=”yes”][progress_bar title=”Programming” percentage=”90″ pb_color=”#a1b1bc” pb_ctn_color=”#ecf0f1″ border_color=”#ffffff” stripe=”yes” stripe_animation=”yes”][progress_bar title=”Communication” percentage=”80″ pb_color=”#a1b1bc” pb_ctn_color=”#ecf0f1″ border_color=”#ffffff” stripe=”yes” stripe_animation=”yes”][/progress_bar_ctn]

Skill Bar Style 05

[progress_bar_ctn style=”rd_pb_5″][progress_bar title=”Adobe Photoshop” percentage=”85″ pb_color=”#a5ea72″ pb_alt_color=”#f9ca39″ pb_ctn_color=”#ffffff” border_color=”#e0e0e0″ title_color=”#ffffff”][progress_bar title=”WordPress Theme” percentage=”70″ pb_color=”#f09466″ pb_alt_color=”#fed307″ pb_ctn_color=”#ffffff” border_color=”#e0e0e0″ title_color=”#ffffff”][progress_bar title=”Javascript” percentage=”65″ pb_color=”#33e7dc” pb_alt_color=”#b2fe84″ pb_ctn_color=”#ffffff” border_color=”#e0e0e0″ title_color=”#ffffff”][progress_bar title=”Adobe Illustrator” percentage=”80″ pb_color=”#aa86e7″ pb_alt_color=”#65e8bf” pb_ctn_color=”#ffffff” border_color=”#e0e0e0″ title_color=”#ffffff”][progress_bar title=”Photography” percentage=”55″ pb_color=”#74dce6″ pb_alt_color=”#61eebf” pb_ctn_color=”#ffffff” border_color=”#e0e0e0″ title_color=”#ffffff”][/progress_bar_ctn]

Skill Bar Style 07

[progress_bar_ctn style=”rd_pb_6″][progress_bar title=”Photoshop” percentage=”90″ pb_color=”#11f2c6″ pb_ctn_color=”#ecf0f1″ border_color=”#ffffff”][progress_bar title=”WordPress” percentage=”80″ pb_color=”#20d7f7″ pb_ctn_color=”#ecf0f1″ border_color=”#ffffff”][progress_bar title=”Programming” percentage=”90″ pb_color=”#ff7862″ pb_ctn_color=”#ecf0f1″ border_color=”#ffffff”][progress_bar title=”Communication” percentage=”80″ pb_color=”#9065fb” pb_ctn_color=”#ecf0f1″ border_color=”#ffffff”][/progress_bar_ctn]

Skill Bar Style 08

[progress_bar_ctn style=”rd_pb_7″][progress_bar title=”Adobe Photoshop” percentage=”90″ pb_color=”#1ec3f9″ pb_alt_color=”#00deff” pb_ctn_color=”#ffffff” border_color=”#ced3d6″][progress_bar title=”HTML/CSS” percentage=”75″ pb_color=”#1ec3f9″ pb_alt_color=”#00deff” pb_ctn_color=”#ffffff” border_color=”#ced3d6″][progress_bar title=”Photography” percentage=”82″ pb_color=”#1ec3f9″ pb_alt_color=”#00deff” pb_ctn_color=”#ffffff” border_color=”#ced3d6″][/progress_bar_ctn]

[progress_bar_ctn style=”rd_pb_7″][progress_bar title=”Adobe illustrator” percentage=”80″ pb_color=”#1ec3f9″ pb_alt_color=”#00deff” pb_ctn_color=”#ffffff” border_color=”#ced3d6″][progress_bar title=”WordPress” percentage=”85″ pb_color=”#1ec3f9″ pb_alt_color=”#00deff” pb_ctn_color=”#ffffff” border_color=”#ced3d6″][progress_bar title=”UX/UI Design” percentage=”97″ pb_color=”#1ec3f9″ pb_alt_color=”#00deff” pb_ctn_color=”#ffffff” border_color=”#ced3d6″][/progress_bar_ctn]