(derived from Template:VersusBar) |
(add css class option) |
||
| Line 1: | Line 1: | ||
<div style="width:100%;"> | <div style="width:100%;" class="{{{class|}}}"> | ||
<div>{{{1|46}}} / {{{2|200}}} ({{#expr: ({{{1|46}}} / {{{2|200}}}) * 100 round 0 }}%)</div> | <div>{{{1|46}}} / {{{2|200}}} ({{#expr: ({{{1|46}}} / {{{2|200}}}) * 100 round 0 }}%)</div> | ||
<div style="background-color:none; width:100%; height:{{{height|2em}}}; border:1px black solid; box-sizing:border-box;> | <div style="background-color:none; width:100%; height:{{{height|2em}}}; border:1px black solid; box-sizing:border-box;> | ||
| Line 33: | Line 33: | ||
"description": "Customise the color of the bar.", | "description": "Customise the color of the bar.", | ||
"default": "cyan" | "default": "cyan" | ||
}, | |||
"class": { | |||
"label": "CSS class", | |||
"type": "string", | |||
"description": "Add CSS classes to the main div containing all parts of the bar, including the preceding number label." | |||
} | } | ||
} | } | ||
Revision as of 03:51, 13 December 2024
46 / 200 (23%)
Shows a progress bar, comparing one value to a total.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| 1st value | 1 | The first value. | Number | required |
| Total | 2 | The total. | Number | required |
| Height | height | Customise the height of the bar.
| String | optional |
| Bar color | color | Customise the color of the bar.
| String | optional |
| CSS class | class | Add CSS classes to the main div containing all parts of the bar, including the preceding number label. | String | optional |