I am attempting to use the new lightning:progressIndicator component to display a process. If I hardcode the steps like below, things render fine:

<lightning:progressIndicator type="path">
  <lightning:progressStep label="First" value="0"/>
  <lightning:progressStep label="Second" value="1"/>
  <lightning:progressStep label="Third" value="2"/>

However, because I am making a more complex app my steps are going to be dynamic. Trying to use a simple aura:iteration causes the path to render as empty.

<lightning:progressIndicator type="path">
  <aura:iteration items="First,Second,Third" var="label" indexVar="labelNum">
    <lightning:progressStep label="{!label}" value="{!labelNum}"/>

Am I missing something here? I can't imagine that using an iteration is simply not supported for this component.

  • 1
    yes this is bit buggy. this is alternative salesforce.stackexchange.com/a/196345/17316
    – Himanshu
    Commented Nov 28, 2017 at 3:57
  • That approach seems like such a significant effort in each place we want to use the progress indicator that I am thinking it might be less work to just implement my own.
    – dsharrison
    Commented Nov 28, 2017 at 4:17
  • I face the same problem with the iteration, @dsharrison - did you find any good solution? Commented Dec 27, 2017 at 16:48
  • We may need this feature which is not yet available as of Spring '18.
    – Thamilhan
    Commented Mar 13, 2018 at 18:37

1 Answer 1


as of 03/08/2018, still does not work with the aura:iteration

<lightning:progressIndicator type="base" title="Job Progress"   >
    <aura:iteration items="{!v.jobScanStatusPicklist}" var="item" >
    <lightning:progressStep label="{!item.label}" value="{!item.label}"/>

too bad -(

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .