A done indicator takes a number between 0 and 1.0 and uses it to horizontally fill a region. If the number is 0 then the indicator’s region dominated by the DoneIndicatorUI style. If the number is 0.3 then the left 30% of the region is filled with a bar styled with DoneIndicatorUI-slider. If the number is 1.0 then the region is filled with the slider style.
Parameters
- getF:()=>number – This function will return the number to be used to size the done indicator bar. The resulting number should be between 0.0 and 1.0. This function is called whenever the user interface is rerendered.
Attributes
- .barStyle(barStyle:string) – this will set the style to be used for the bar. Any css attributes in the barStyle will override attributes in DoneIndicatorUI-slider.
Examples
new DoneIndicatorUI(()=>{
return percentDone;
}).barStyle("MyPercentDoneStyle");
Styling
- DoneIndicatorUI – this is the styling for the border and background of the indicator region.
- DoneIndicatorUI-slider – this is the styling for the indicator bar itself.