DCProgressIndicator

DCProgressIndicator is the component for do the payment and submitting the order.

DCProgressIndicator methods
1. getProgressIconCSS - Method to get progress icon css dynamically.
2. getProgressBarCSS - Method to get progress bar css dynamically.
Features
1. Indicate steps progress.

Constructor

new DCProgressIndicator()

Example

Sample Usage -

Include the component in your template by adding <c-dc-progress-indicator> custom tag
   
<c-dc-progress-indicator checkOutSteps={} stepsCompleted="1"></c-dc-progress-indicator>

KEY INFO -

 events fired : none

 events registered : none

 Dependency - c-dc-progress-indicator is an independent component and has no dependency on any parent component.

Sample with slots -

<c-dc-progress-indicator>
   <span slot="{slot_name}">
     Custom HTML elements goes here
   </span>
</c-dc-progress-indicator>

List of available slots -

| Slot names      | Dynamic   | Description              | Impact                     |
|-----------------|-----------|--------------------------|----------------------------|
| dc-each-step    | -         | Wrapper for each step    | Replaces each step li tag  |

Extends

DCBaseComponent

Members

(static) getProgressBarCSS

Method to return progress bar css styles dynamically.

(static) getProgressIconCSS

Method to return progress indication css styles dynamically.