Element: <oj-progress-bar>

Oracle® JavaScript Extension Toolkit (JET)
15.1.0
F83700-01

DOM Interface: ProgressBarElement

Note: This component is not supported in the following themes: Alta

Version:

15.1.0

Since:

9.0.0

.oj-progress-bar-embedded

Optional class that can be set on a oj-progress bar element to style an embedded progress bar within a web application or dialog.

Example

<div class='oj-web-applayout-page'>
  <header class='oj-web-applayout-header'>
  </header>
  <oj-progress-bar class='oj-progress-bar-embedded' value='{{loadingValue}}'>
  </oj-progress-bar>
</div>

CSS Variables

See JET CSS Variables for additional details.

Name	Type	Description
`--oj-progress-bar-height`	<length>	Progress bar height
`--oj-progress-bar-border-radius`	<length> \| <percentage>	Progress bar border radius
`--oj-progress-bar-track-bg-color`	<color>	Progress bar track background color
`--oj-progress-bar-value-bg-color`	<color>	Progress bar value background color