Шаблон:Composition bar

50 / 100{{#if:| ({{#expr:((50/100)*100) round (-1*) }}%)}}

<div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}

| rgb({{#expr:255*255}}, {{#expr:255*0}}, {{#expr:255*0}})
| #CCCCCC

}}; width: {{#expr:((50/100)*100) round (-1*) }}%; height: 1em;">

Документација шаблона[прикажи] [уреди] [историја] [освежи]

{{#ifeq:composition bar |док

    | 

{{#ifeq:show |show

|

        }}{{#if: |
         |   {{#ifexist:Шаблон:Composition bar
                  | [[Категорија:Документација {{#switch:Шаблон |Шаблон=шаблона |Модул=модула |Корисник=корисничких страница |#default=Википедије}}]]
                  | 
                 }}
        }}
    | 
   }}

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.

Usage

{{Composition bar|amount|total|bar-color|background-color=background-color|per=0/1}}

amount

is the number of sub-units

total

is the total number of sub-units possible

bar-color

(default is light grey) 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 {{#if:{{#if:||yes}} |}}{{#if:yes | |{{#if:|}} }}{{#if: |}}{{#if: |}}{{#if: | |{{}}{{#if: |subst:}}{{#if: |}}{{#if:yes || {{#if: |{}}[[:{{#ifeq:p|: |Political party/meta/color |{{#switch:

                        |  = Шаблон:{{#if:political party/meta/color|Political party/meta/color|Composition bar}}
                        | #default = {{#if:political party/meta/color|Political party/meta/color|Шаблон:Composition bar}}
                     }}}}|}}{{#if: |{{}}{{#if: |{}}{{#if:political party/meta/color|political party/meta/color|{{#ifeq:Шаблон|Шаблон|Composition bar|Шаблон:Composition bar}}}}{{#if: |}}}}{{#if: |}}}{{#if:yes | |]]{{#if: |}}}}}{{#if: |}}{{#if: |}}{{#if: |}}{{#ifeq:¬|¬ | ||{{{2}}}}}{{#ifeq:¬|¬ | ||{{{3}}}}}{{#ifeq:¬|¬ | ||{{{4}}}}}{{#ifeq:¬|¬ | ||{{{5}}}}}{{#ifeq:¬|¬ | ||{{{6}}}}}{{#ifeq:¬|¬ | ||{{{7}}}}}{{#ifeq:¬|¬ | ||{{{8}}}}}{{#ifeq:¬|¬ | ||{{{9}}}}}{{#ifeq:¬|¬ | ||{{{10}}}}}{{#ifeq:¬|¬ | ||{{{11}}}}}{{#if: ||…}}{{#if: |}}{{#if: | |}}}}{{#if: |}}{{#if:yes |}}{{#if:{{#if:||yes}} |}} templates.

background-color

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

width

is the width of the bar in px.

per

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

The background colour for the right part of the bar may then be too light to give sufficient contrast, in which case the background-color parameter may be used to provide a dark background for that part of the bar. See the first three examples below. Snook's Colour Contrast Check may be used to check compliance with WCAG guidelines for contrast.

Examples

Code	Result
{{Composition bar|50|100|red}}	({{#expr:((50/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*red}}, {{#expr:255*0}}, {{#expr:255*0}})	red }}; width: {{#expr:((50/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|50|100|red|color=#FFF}}	({{#expr:((50/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*red}}, {{#expr:255*0}}, {{#expr:255*0}})	red }}; width: {{#expr:((50/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|50|100|red|color=#FFF|background-color=#000}}	({{#expr:((50/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*red}}, {{#expr:255*0}}, {{#expr:255*0}})	red }}; width: {{#expr:((50/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|50|100|#99F}}	({{#expr:((50/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*#99F}}, {{#expr:255*0}}, {{#expr:255*0}})	#99F }}; width: {{#expr:((50/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|50|100|{{Green Party (UK)/meta/color}}}}	({{#expr:((50/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*Шаблон:Green Party (UK)/meta/color}}, {{#expr:255*0}}, {{#expr:255*0}})	Шаблон:Green Party (UK)/meta/color }}; width: {{#expr:((50/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|50|100|rgb(255,255,16)}}	({{#expr:((50/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*rgb(255,255,16)}}, {{#expr:255*0}}, {{#expr:255*0}})	rgb(255,255,16) }}; width: {{#expr:((50/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|75|100|#FF0|width=250}}	({{#expr:((75/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*#FF0}}, {{#expr:255*0}}, {{#expr:255*0}})	#FF0 }}; width: {{#expr:((75/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|40|100|#F00|width=300|per=1}}	({{#expr:((40/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*#F00}}, {{#expr:255*0}}, {{#expr:255*0}})	#F00 }}; width: {{#expr:((40/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|90|100|#F0F0F0|width=300|per=2|background-color=#F00}}	({{#expr:((90/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*#F0F0F0}}, {{#expr:255*0}}, {{#expr:255*0}})	#F0F0F0 }}; width: {{#expr:((90/100)*100) round (-1*) }}%; height: 1em;">
{{Composition bar|90|100|#F0C|width=300|per=1}}	({{#expr:((90/100)*100) round (-1*) }}%)}} <div style="background-color: {{#if:{{SAFESUBST:#if:|{{SAFESUBST:#if:|1}}}}	rgb({{#expr:255*#F0C}}, {{#expr:255*0}}, {{#expr:255*0}})	#F0C }}; width: {{#expr:((90/100)*100) round (-1*) }}%; height: 1em;">

TemplateData

{{#if:|погледајте месечни извештај о грешкама за овај шаблон.|Ово је {{#if:|TemplateData|TemplateData}} документација за овај шаблон, коришћена у Визуелном уређивачу и у другим алаткама; погледајте месечни извештај о грешкама за овај шаблон.}}

TemplateData за Composition bar

{{#ifeq:Composition bar|sandbox||

}}

<templatedata> {

   "description": "A composition bar.",
   "params": {
       "1": {
           "label": "1",
           "description": "The number of sub-units.",
           "type": "string/line",
           "required": true
       },
       "2": {
           "label": "2",
           "description": "The total number of sub-units possible.",
           "type": "string/line",
           "required": true
       },
       "3": {
           "label": "3",
           "description": "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.",
           "default": "#CCC",
           "type": "string/line",
           "required": false,
           "aliases": ["hex"],
       },
       "Background color": {
           "label": "background-color",
           "description": "The background color of the right part of the bar - a valid web color.",
           "default": "#F0F0F0",
           "type": "string/line",
           "required": false
       },
       "Width": {
           "label": "width",
           "description": "The width of the bar in px.",
           "default": "100px",
           "type": "string/line",
           "required": false
       },
       "Show Percent": {
           "label": "per",
           "description": "When set to 1 (true), adds a percentage to the bar as well.",
           "default": "0",
           "type": "string/line",
           "required": false
       }
   }

} </templatedata>

See also

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

{{#switch:

 {{#if:
 | {{#if:{{#titleparts:{{{page}}}|0|3}}
   | subsubpage    
   | {{#if:{{#titleparts:{{{page}}}|0|2}}
     | subpage
     | basepage
     }}
   }}
 | {{#if:{{#titleparts:Шаблон:Composition bar|0|3}}
   | subsubpage    
   | {{#if:{{#titleparts:Шаблон:Composition bar|0|2}}
     | subpage
     | basepage
     }}
   }}
 }}

| basepage =

| subpage = | subsubpage = }}

Горња документација је укључена са странице Шаблон:Composition bar/док. (уреди | историја)
Уредници могу да експериментишу на подстраницама песак (направи | дуплирај) и тест (направи) овог шаблона.
Категорије додајите на подстраницу /док. Подстранице овог шаблона.