Skip to main content
Version: 12.10.0

OCProgressCard: UI Component

OCProgressGaugeCard is a customizable info card view component with a progress gauge embedded in it.

Features

  • Its an information card with a progress gauge component
  • Styles for the component can be customized using a style object

Parameters:

  • currentProgress: Double - Current progress level for the progress gauge
  • totalProgress: Double - Maximum progress level possible
  • markerPercentage: Double - The percentage at which the success marker needs to be displayed.
  • progressText: String - Text shown below the gauge
  • title: String - Title on the right side of the gauge
  • description: String - The description text shown below the title
  • additionalA11yLabel: String - Additional text that will be used as voice over for the progress gauge element.
  • style: OCProgressGaugeCardStyle - Style elements for the view
    OCProgressGaugeCard(
currentProgress: 2,
totalProgress: 4,
progressText: "2 von 4 erledigt",
title: "Dein Training wird geprüft...",
description: "3. Training: 10 Min. Treppensteigen",
style: OCProgressGaugeCardStyle()
)
.padding(OCConstants.UIComponent.padding16)