Features

  • Set percentage using simple slider
  • Choose from preset or custom colors
  • Change progress bar background color
  • Opt to show the percentage as text on the progress bar
  • Add stripes to your progress bar
  • Opt to animate stripes
  • Choose the height of your progress bar

Example

90%

Using Progress

General

Percentage
Allows you to adjust how complete the progress bar is. It goes from 0% to 100%.

Remove Base Margin
Allows you to disable the preset standard spacing that is applied to the bottom of the Progress stack.

Style

Empty Bar Space
Lets you choose the background color of your progress bar in areas what have not been filled.

Style
Choose from one of Foundry’s prebuilt color swatches for your progress bar’s color, or use the RapidWeaver color picker to choose your own custom color.

Striped & Animate Stripes
Add stylish stripes to your progress bar. When you are using the striped version of the progress bar you can even choose to have them subtlety animate.

Sign up for The Forge newsletter

Stay up to date on future versions of Foundry, as well as important news, updates and more!

This site is built using Foundry for RapidWeaver

© 2006-2016 Elixir Graphics | Contact Us