模板:Composition bar compact

50 / 100

模板文檔[檢視] [編輯] [歷史] [清除快取]

This template displays the numeric composition of a thing in terms of its sub-units. For example, it is frequently used as part of {{Infobox political party}} to show the number of seats a given political party holds in a legislature. It is a one-line variation of the two-line, fixed width Template:Composition bar.

Usage

{{Composition bar compact|amount|total|bar-color|options...}}

amount

The first parameter is the number of sub-units.

total

The second parameter is the total number of sub-units possible.

bar-color

(default is medium-light grey) The third parameter is the background color of the left part of the bar - a valid web color, which can be specified by name, as a hex triplet (#rrbbgg), or rgb triplet (rgb(0–255,0–255,0–255)).
In the case of political parties, most will have their logo color available in Template:Tld templates.

Additional display options:

background-color=...

(default is light grey) is the background color of the right part of the bar - a valid web color.

color=...

(default is inherit) is the color of the text

text-shadow=...

(default is white) is the color of the shadow around the text

border=...

(default is medium grey) is the color of a border around the bar, or "none" for no border

width=...

(default is 100px) is the width of the bar, set to "auto" for inline use, "100%" for most table uses (unitless numbers are interpreted as px)

per=...

(default is false), when set to any value (true), adds a percentage to the bar as well

perstyle=...

(default is none), additional style declarations for the percentage text

Some older Web browsers do not render text-shadows, so the text should ideally have enough contrast on its own. If the bar color is dark, lighten the text color, and darken the background-color and text-shadow. See the second and third examples below. Snook's Colour Contrast Check may be used to check compliance with WCAG guidelines for contrast.

Examples

Code	Result
{{Composition bar compact|50|100|red}}	<div style="background-color:rgb(,0,0); width: 50%; height: 100%;"> 50 / 100
{{Composition bar compact|50|100|darkred|color=#FFF|text-shadow=#000|background-color=#333}}	<div style="background-color:rgb(,0,0); width: 50%; height: 100%;"> 50 / 100
{{Composition bar compact|50|100|#003|color=#FFF|text-shadow=#000|background-color=#333|border-color=#C33}}	<div style="background-color:rgb(,0,0); width: 50%; height: 100%;"> 50 / 100
{{Composition bar compact|50|100|{{Green Party (UK)/meta/color}}|border=none}}	<div style="background-color:rgb(,0,0); width: 50%; height: 100%;"> 50 / 100
{{Composition bar compact|50|100|rgb(255,255,16)|width=auto}}	<div style="background-color:rgb(,0,0); width: 50%; height: 100%;"> 50 / 100
{{Composition bar compact|75|100|#FF0|width=80%}}	<div style="background-color:rgb(,0,0); width: 75%; height: 100%;"> 75 / 100
{{Composition bar compact|40|100|#F00|per=1}}	<div style="background-color:rgb(,0,0); width: 40%; height: 100%;"> 40 / 100(%)
{{Composition bar compact|90|100|#F0F0F0|per=2|background-color=#F00}}	<div style="background-color:rgb(,0,0); width: 90%; height: 100%;"> 90 / 100(%)
{{Composition bar compact|90|100|#F0C|per=1}}	<div style="background-color:rgb(,0,0); width: 90%; height: 100%;"> 90 / 100(%)

TemplateData

這是用於新版視覺化編輯器及其他工具的模板資料文件。

Composition bar compact模板資料

A composition bar.

模板參數[編輯模板資料]

參數		描述	類型	狀態
1	1	The number of sub-units.	行	必填
2	2	The total number of sub-units possible.	行	必填
3	3 hex	The background color of the left part of the bar - a valid web color, which can be specified by name, as a hex triplet (#rrbbgg), or rgb triplet (rgb(0–255,0–255,0–255)). In the case of political parties, most will have their logo color available in {{political party/meta/color}} templates. 預設 #CCCCCC	行	非必填
Background color	background-color	The background color of the right part of the bar - a valid web color. 預設 #F0F0F0	行	非必填
Text color	color	The color of the overlay text 預設 inherit	行	非必填
Text shadow	text-shadow	The color of the contrast shadow around the overlay text 預設 #FFFFFF	行	非必填
Border color	border border-color	Color of the border, or 'none' for no border 預設 #C0C0C0	行	非必填
Width	width	The width of the bar (unitless numbers are interpreted as px) 預設 100px	行	非必填
Show percent	per	When set to 1 (true), adds a percentage to the bar as well 預設 0	行	非必填
Percent style	perstyle	Style declarations for the percentage text 預設	行	非必填

See also

• {{Bartable}}
• {{Bar chart}}