Element: <oj-progress>

Oracle® JavaScript Extension Toolkit (JET)
18.1.0
G25384-01

DOM Interface: ProgressElement

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

Version:
  • 18.1.0
Since:
  • 1.0.0

Deprecated:
Since Value Description
15.0.0 oj-progress-bar,oj-progress-circle
.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'>
  <
  <oj-progress class='oj-progress-bar-embedded' value='{{loadingValue}}'>
  </oj-progress>
</div>
.oj-progress-bar-end-label
Optional class that can be set on a div after the oj-progress element. This div contains the end text to display underneath the oj-progress bar.
Example
<div class='oj-web-applayout-page'>
  <header class='oj-web-applayout-header'>
  <
  <oj-progress class='oj-progress-bar-embedded' value='{{loadingValue}}'>
    <div class='oj-progress-bar-start-label'>0%
    </div>
    <div class='oj-progress-bar-end-label'>100%
    </div>
  </oj-progress>
</div>
.oj-progress-bar-start-label
Optional class that can be set on a div after the oj-progress element. This div contains the start text to display underneath the oj-progress bar.
Example
<div class='oj-web-applayout-page'>
  <header class='oj-web-applayout-header'>
  <
  <oj-progress class='oj-progress-bar-embedded' value='{{loadingValue}}'>
    <div class='oj-progress-bar-start-label'>0%
    </div>
    <div class='oj-progress-bar-end-label'>100%
    </div>
  </oj-progress>
</div>