Skip to content

Properties

PropertiesDescription
progress(optional) to visualize a static percentage (0-100) as a progress state. Defaults to null.
visible(optional) defines the visibility of the progress. Toggling the visible property to false will force a fade-out animation. Defaults to true.
type(optional) defines the type of progress, like circular or linear. Defaults to circular.
no_animation(optional) disables the fade-in and fade-out animation. Defaults to false.
size(optional) defines the size, like large or medium. Defaults to medium.
label(optional) show a custom label to the right or under the indicator.
label_direction(optional) set it to vertical if you want the label to be placed under the indicator. Defaults to horizontal.
show_label(optional) if set to true a default label will be shown.
section_style(optional) to enable the visual helper .dnb-section class. Use a supported modifier from the Section component. Defaults to null.
section_spacing(optional) to modify the spacing. Use a supported modifier from the Section component. Defaults to null.
title(optional) used to set title and aria-label. Defaults to the value of progress property, formatted as a percent.
Space(optional) spacing properties like top or bottom are supported.