Progress Bar

The Progress Bar Block is a dynamic and interactive way to visually represent the progress of a task, goal, or achievement. Perfect for tracking completion rates, milestones, or objectives, this block enhances user engagement by providing a clear visual representation of progress.

Progress Bar Options:

  • Progress Bar Type:
    • Line: A horizontal or vertical bar that fills based on progress.
    • Circle: A circular design that progressively fills based on completion.
  • Width: Set the total length of the progress bar for the line type and diameter for the circle.
  • Progress Number: Display the percentage value to visually indicate how much of the task or goal is complete.
  • Bar Width: Adjust the thickness of the progress bar for a more customized appearance.
  • Trial Width: Fine-tune the width of trial elements in the bar, if applicable.
  • Bar Color: Customize the color of the filled portion of the bar to align with your website’s theme or highlight specific tasks.
  • Path Color: Adjust the color of the unfilled or background portion of the progress bar for better contrast.