Live demo — this example is server-driven; run the showcase locally for the interactive version.

Progress

Use Progress straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Templates

progress

{#include components/feedback/progress /}
Progress — PatternFly v6 
                                                                                  
 A progress bar with optional title, measure (percentage / step text), status     
 variants, and helper text.                                                       
                                                                                  
 Parameters:                                                                      
   id              (required) — derives {id}-description for the progress bar's   
                                aria-labelledby wiring when title is set.         
   value           (required) — current progress (number).                        
   min             (optional) — minimum value (default 0).                        
   max             (optional) — maximum value (default 100). When set, the        
                                indicator width is value / (max - min) * 100%.    
   title           (optional) — heading line above the bar.                       
   truncateTitle   (optional) — boolean; truncates long titles with ellipsis.     
   label           (optional) — text shown in place of the percentage in the      
                                measure slot (e.g. "3 of 5 done").                
   valueText       (optional) — aria-valuetext for the bar. Use when the value    
                                isn't a percentage.                               
   helperText      (optional) — additional context rendered below the bar.        
   size            (optional) — sm | lg (default size is unmodified).             
   variant         (optional) — success | warning | danger. Renders an icon and   
                                applies the matching pf-m-{variant} modifier.     
                                Matches PF React's `variant` prop name.           
   measureLocation (optional) — top (default) | outside | inside | none.          
                                Controls where the measure text renders.          
   singleline      (optional) — boolean; pf-m-singleline (compact, no title row). 
   ariaLabel       (optional) — aria-label on the bar. Required when no title.    
   ariaLabelledBy  (optional) — aria-labelledby on the bar.                       
   ariaDescribedBy (optional) — aria-describedby on the bar. Required when        
                                helperText is set.                                
 Model mode: pass progress=<org.sitenetsoft.quarkus.pha.model.Progress> (built via
   Progress.of(id, value)) — mirrors the parameter surface below; helper text renders
   with a derived {id}-helper id wired into aria-describedby, and the indicator width
   is the true percentage of the min..max range.