REA Progress Bar
REA Progress bar allows you to showcase the progress of specific fields, and show information based on statistical fields of the company.

Content

  1. 1.
    Layout - This option allows you to select different layout styles for the progress bar. You can choose between line, circle, half-circle, and Box.
  2. 2.
    Title - This option allows you to add a title to the progress bar.
  3. 3.
    Title HTML Tag - This allows you to select HTML tag for title.
  4. 4.
    Counter Value Type - You can set the country value as static or dynamic.
  5. 5.
    Display Count - This option allows you to show/hide the count.
  6. 6.
    Animation Duration - This option allows you to set the duration of the animation in ms.

Style

General

  1. 1.
    Alignment - You can set the alignment for the progress bar to left, right and center.
  2. 2.
    Size - Set he overall size of the bar.
  3. 3.
    Width - Change the width of the bar.
  4. 4.
    Height - Change the height of the bar.
  5. 5.
    Stroke Width - Add a stroke to the bar by changing the width from 0 or null.
  6. 6.
    Stroke Color - Change the color of the stroke.
  7. 7.
    Fill Color - Change the bar fill color.
  8. 8.
    Box Shadow - Apply a box shadow to the bar.

Background

  1. 1.
    Width - Set the width of the progress bar.
  2. 2.
    Height - Set the height of the progress bar.
  3. 3.
    Color - Set the background color of the bar.

Fill

  1. 1.
    Height - This option allows you to set the height of the filled progress bar.
  2. 2.
    Background - You can set the background color to the filled progress bar.
  3. 3.
    Show Stripe - You can show stripe to the background color.
  4. 4.
    Stripe Animation - You can set the animation to show the stripe from left to right or vice versa.

Typography

  1. 1.
    Title - You can set the typography and color to the title.
  2. 2.
    Counter - You can set the typography and color to the counter.