Bar graph plugin that animates as the user scrolls down the page. Use them to show data, metrics or other information.


Installation & Activation

Starbars can easily be downloaded from inside WordPress using PageLines Connect.

  1. Download the plugin from the Connect store. It will now appear in your 'Plugins' tab.
  2. Click 'Plugins', and find your Starbars plugin (titled PageLines Section Starbars).
  3. Click 'Activate' to be able to use the plugin inside your editor.
  4. Go to your PageLines Builder where you will now find Starbars in the 'Components' section.


As with all section, the StarBars section includes the Standard Section Options such as padding/margin, background options and etc.

Starbar Total Count (Number)

This number will be used to calculate the percent of the bar filled. The StarBar values will be shown as a percentage of this value. Default is 100.

Starbar Modifier (Text Added to Stats)

Enter a modifier to the text field, this will be added to the stat number.

StarBar Title (Optional)

Enter an optional title, this is displayed to the top-left of the section

Default Bar Color

Select via the built-in color picker, the default color to be used for the StarBars. You can override the default color using the individual color picker per StarBar item.

StarBar Color Picker

StarBars Setup

The StarBars setup options are where you configure the individual StarBar items.

Add/Remove StarBar Items

To add additional StarBar items, click the +Add Item button. To remove, click the X icon.

StarBar Add & Remove

Ordering StarBar Items

To re-order StarBar items, simply place the mouse cursor over the navicon and drag-and-drop to change the order of items. The Item name will automatically change to represent the order of the item e.g. item 3 moves into item 1, item 3 will rename to item 1.

StarBar Ordering


Enter text into the field to add a description to your StarBar item. This will appear at the top-left of the StarBar.


Enter a numeric value to your StatBar item, this value must not be below 0 or exceed the value you set on the Starbar Total Count (Number) option.

Bar Color

Override the set Default Bar Color with a custom color using the built-in color picker. This allows for individual colors to be used on StarBar items.