1 minute read

Progress Bar Block

Progress Bar Block options:

  • Label – add your progress bar’s label (title) here.
  • Value – set the value of your progress bar.
  • Units – set units of the progress bar’s value.
  • Hide value – you can choose to hide the value.
  • Left label size – set label’s space size in pixels.
  • Animation speed – set animation speed in miliseconds.
  • Unfilled height – set the height of the unfilled part of the bar.
  • Filled height – set the height of the filled part of the bar.
  • Rounded corners – choose whether to set rounded corners for your progress bar.
  • Label position – set label position to top, left, bottom or inside.
  • Value position – set value’s position to inside or outside the progress bar.
  • Label color – set label’s color.
  • Value color – set value’s color.
  • Bar unfilled color – set the color of the unfilled part of the bar.
  • Bar fill color – set the color of the filled part of the bar.
  • Class – add a custom CSS class to your progress bar.
  • ID – add a custom CSS ID to your progress bar.
  • Style – add an inline CSS style to your progress bar.