Skip to content

Progressbar — Reference

Reference · Advanced · Framework7 8

Progressbar settings and behavior. Settings include ID, Type, Progress, Color.

Progressbar settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDDefault: "". Attribute: id.
TypeOptions: Default (progressbar), Infinite (progressbar-infinite) Default: "progressbar".
ProgressAttribute: progress.
ColorOptions: Default, Red (color-red), Green (color-green), Blue (color-blue), Pink (color-pink), Yellow (color-yellow), Orange (color-orange), Purple (color-purple), Deep Purple (color-deeppurple), Light Blue (color-lightblue), Teal (color-teal), Lime (color-lime), Deep Orange (color-deeporange), Gray (color-gray), White (color-white), Black (color-black) Default: "".
Name Description
ProgressEnter the progress value Required. Default: "".
DurationEnter the duration value Default: "".
Name Description
ProgressChoose dynamic data binding.