Progress Bar theme
NbProgressBarComponent
| Name | Theme Variable | Default Value | Description |
| progress-bar-animation-duration | 400ms | ||
| progress-bar-border-radius | border-radius | 0.25rem | |
| progress-bar-text-font-family | text-subtitle-font-family | Open Sans, sans-serif | |
| progress-bar-tiny-height | 1rem | ||
| progress-bar-tiny-text-font-size | text-subtitle-2-font-size | 0.8125rem | |
| progress-bar-tiny-text-font-weight | text-subtitle-2-font-weight | 600 | |
| progress-bar-tiny-text-line-height | text-subtitle-2-line-height | 1.5rem | |
| progress-bar-small-height | 1.25rem | ||
| progress-bar-small-text-font-size | text-subtitle-2-font-size | 0.8125rem | |
| progress-bar-small-text-font-weight | text-subtitle-2-font-weight | 600 | |
| progress-bar-small-text-line-height | text-subtitle-2-line-height | 1.5rem | |
| progress-bar-medium-height | 1.375rem | ||
| progress-bar-medium-text-font-size | text-subtitle-font-size | 0.9375rem | |
| progress-bar-medium-text-font-weight | text-subtitle-font-weight | 600 | |
| progress-bar-medium-text-line-height | text-subtitle-line-height | 1.5rem | |
| progress-bar-large-height | 1.5rem | ||
| progress-bar-large-text-font-size | text-subtitle-font-size | 0.9375rem | |
| progress-bar-large-text-font-weight | text-subtitle-font-weight | 600 | |
| progress-bar-large-text-line-height | text-subtitle-line-height | 1.5rem | |
| progress-bar-giant-height | 1.75rem | ||
| progress-bar-giant-text-font-size | text-subtitle-font-size | 0.9375rem | |
| progress-bar-giant-text-font-weight | text-subtitle-font-weight | 600 | |
| progress-bar-giant-text-line-height | text-subtitle-line-height | 1.5rem | |
| progress-bar-basic-background-color | background-basic-color-2 | #f7f9fc | |
| progress-bar-basic-filled-background-color | background-basic-color-4 | #e4e9f2 | |
| progress-bar-basic-text-color | text-basic-color | #222b45 | |
| progress-bar-primary-background-color | background-basic-color-3 | #edf1f7 | |
| progress-bar-primary-filled-background-color | color-primary-default | #3366ff | |
| progress-bar-primary-text-color | text-control-color | #ffffff | |
| progress-bar-success-background-color | background-basic-color-3 | #edf1f7 | |
| progress-bar-success-filled-background-color | color-success-default | #00d68f | |
| progress-bar-success-text-color | text-control-color | #ffffff | |
| progress-bar-info-background-color | background-basic-color-3 | #edf1f7 | |
| progress-bar-info-filled-background-color | color-info-default | #0095ff | |
| progress-bar-info-text-color | text-control-color | #ffffff | |
| progress-bar-warning-background-color | background-basic-color-3 | #edf1f7 | |
| progress-bar-warning-filled-background-color | color-warning-default | #ffaa00 | |
| progress-bar-warning-text-color | text-control-color | #ffffff | |
| progress-bar-danger-background-color | background-basic-color-3 | #edf1f7 | |
| progress-bar-danger-filled-background-color | color-danger-default | #ff3d71 | |
| progress-bar-danger-text-color | text-control-color | #ffffff | |
| progress-bar-control-background-color | background-basic-color-3 | #edf1f7 | |
| progress-bar-control-filled-background-color | color-control-default | #ffffff | |
| progress-bar-control-text-color | color-basic-800 | #222b45 |
Previous page
Badge
Next page
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.