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.