Contineo Platform

Linear Progress

A horizontal progress indicator component that visualizes progress or loading states. Features customizable appearance with stripes, badges, and multiple state types including reverse, indeterminate, and query modes. Supports color customization and different visual feedback styles.

Extends: fieldComponent

Fields

Name	Code	Data Type	Description
Dark Background Progress	`darkProgress`	boolean	Enables dark mode appearance for the progress bar
State Type	`stateType`	text	Sets the behavior mode (reverse, indeterminate, query, instant-feedback)
Stripe	`stripe`	boolean	Adds a striped pattern to the progress bar
Show Badge	`showBadge`	boolean	Displays a badge showing the progress percentage
Size	`size`	text	Sets the height of the progress bar
Color	`color`	text	Sets the color of the progress indicator
Track Color	`trackColor`	text	Sets the background color of the progress track
Text Color	`textColor`	text	Sets the color of the progress text in badge
Rounded	`rounded`	boolean	Applies rounded corners to the progress bar
Label	`label`	multi-locale	Label for the progress bar
ID	`resourceId`	text	Unique identifier for the component
Style Classes	`styleClasses`	text	CSS classes for styling
Style	`style`	text	Inline styles for the component
Width	`widthClass`	text	Controls component width
Value	`value`	text	Current progress value
Visible	`isVisible`	boolean	Controls component visibility
Outlined	`outlined`	boolean	Shows component with outlined style

Methods

Name	Description
`getBoolValForState`	Determines if the progress bar should use a specific state type
`onchange`	Handles progress value changes and triggers change event

Events

Name	Description
`onChange`	Triggered when the progress value changes