Progress Bar, also known as “Circle Rating,” is only available in the Ninja Tables Drag and Drop module as a pro element.

It shows progress status, reviews, and statistical values in linear and circular formats, which are far more attractive than regular styles. You can add such a beautiful element by dragging it to your desired cell in Ninja Tables!

progress bar in tables

Let’s add the Progress Bar element to our table.

progress bar and circle rating

Properties of Progress Element #

Option NameOption Type
Progress TypeLine, Circle, Dashboard
ColorGraphical Color Select
Text Font SizeNumeric Value, drag bar
Progress Bar PercentageNumeric Value, drag bar
Progress Bar WidthNumeric Value, drag bar
Progress Bar ThicknessNumeric Value, drag bar
AlignmentLeft, Center, and Right
  1. Progress Type: You can change the type of the Progress Element style. Available options are Linear, Circular & Dashboard. The most used version is circular. By default, it is set to Circle.
  2. Color: You can change the Color of the Progress Element. By default, it is set to Black.
  3. Text Font Size: You can change the Text Size of the Progress Element. By default, it is set to 15
  4. Progress Bar Percentage: You can even change the percentage of the Progress Bar. By default, it is set to 50%.
  5. Progress Bar Width: You can change the width(size) of the Progress Bar. By default, it is set to 100.
  6. Progress Bar Thickness: You can even change the thickness of the Progress Bar to make it thicker or thinner. By default, it is set to 6.
  7. Alignment: You can align the Progress Bar to the left, right, or center. By default, it is set to Center.

Circle #

circle rating element

Line #

progress bar in table column

Dashboard #

dashboard style progress

Conclusion #

We hope this documentation has helped you understand the functionality of this Ninja Tables Drag & Drop Table Builder pro element. 

Let us know your thoughts and questions in the comment box.