[SalesForce] How to display percent values in lightning component

 <ui:outputNumber class="slds-float_right" value=" . 
  {!loanOffer.origination_fee_in_percent}" format="0##.##%"/>

With this code in aura:iteration I am getting 4.75%, 1.5%, 2%, 2%.

What changes should I make to display percent values as 4.75%, 1.50%, 2.00%, 2.00%?

Best Answer

lightning:formattedNumber like so:

<lightning:formattedNumber value="0.02" style="percent" maximumFractionDigits="2" minimumFractionDigits="2"/>