Back to documentation
Progress bar
A progress bar shows the progress of some process or task.
Information
Plan: Pro
Properties
| Property | Type | Default |
|---|---|---|
| Value | number | 50 |
| Color | string | "var(--ophixor-semantic-text-inverse)" |
| Font size | string | "1rem" |
| Background color | string | "var(--ophixor-semantic-border-default)" |
| Background | string | "none" |
| Background color - Progress | string | "var(--ophixor-semantic-status-primary)" |
| Background - Progress | string | "none" |
| Border width | string | "1px" |
| Border color | string | "var(--ophixor-semantic-status-primary)" |
| Border radius | string | "8px" |
| Border width - Progress | string | "1px" |
| Border color - Progress | string | "var(--ophixor-semantic-status-primary)" |
| Border radius - Progress | string | "0px" |
| Width | string | "100%" |
| Height | string | "25px" |
| Is visible | boolean | true |
| Selectors | array | [] |