Progress bars

Spread the love

[vc_column_text width=”1/1″ el_position=”first last”]

Examples and markup

[/vc_column_text] [vc_column width=”1/1″ el_position=”first last”] [vc_column_text width=”1/3″ el_position=”first”]

1. Basic

Default progress bar with a vertical gradient.

[/vc_column_text] [tt_progress progress_name=”basic” progress_size=”25″ width=”2/3″ el_position=”last”] [/vc_column] [vc_column width=”1/1″ el_position=”first last”] [vc_column_text width=”1/3″ el_position=”first”]

2. Striped

Uses a gradient to create a striped effect (no IE).

[/vc_column_text] [tt_progress progress_name=”striped” progress_size=”50″ width=”2/3″ el_position=”last”] [/vc_column] [vc_column width=”1/1″ el_position=”first last”] [vc_column_text width=”1/3″ el_position=”first”]

3. Animated

Takes the striped example and animates it (no IE).

[/vc_column_text] [tt_progress progress_name=”animated” progress_size=”75″ width=”2/3″ el_position=”last”] [/vc_column]

Translate »