fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Layers Widget
Blog Template
January Updates

Vertical Progress Bar

The Vertical Progress Bar Widget provides a great way to show statistics on your Elementor page in a vertical bar format. You can customize the widget using its wide range of customization options.

 

Let’s look at each of the options in the “Vertical Progress Bar Widget” below.

Install Vertical Progress Bar for Elementor

This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Vertical Progress Bar”
  3. Hover over the widget in the search results and click install
  4. Add your “Vertical Progress Bar” widget to any Elementor Page

General Settings

1

Alignment

Set the alignment of widget.

  • Left
  • Center
  • Right
2

Label

Type text to show as label.

3

Value

Type value to show in the progress bar.

4

Height

Set the height of vertical bar.

5

Width

Set the width of vertical bar.

6

Symbol

Set symbol to show after the value.

7

Speed

Set the speed of progress bar animation.

8

Start Animation When In Viewport

Animation will start when widget come in viewport window.

9

Delay Before Animation

Set the delay before starting the animation.

Graphic Element Settings

1

Show Graphic Element

Show/Hide the graphic element.

2

Graphic Element Source

Choose the source for graphic element.

  • Icon
  • Image
  • Text
3

Icon

Choose an icon to display.

Vertical Progress Bar Styling

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

Background Styling

Set the background type, color, and radius.

Progress Styling

You can set the progress type, color, and progress radius.

Label Styling

You can set the typography, and color of label element.

Value Styling

Set the value typography and color.

Graphic Element Styling

You can set the graphic element width, height, icon size, background color, border, and border radius.

Usage Examples

Here are some live use cases for the Vertical Progress Bar widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!