2015-12-16 86 views
0

我有我的模板,它的大部分工作,有兩件事是錯誤的。我希望進度欄對齊頁面左側,我也希望顯示百分比。Mediawiki模板選項

<div style=" 
width:{{{width|25%}}}; 
{{#ifeq: {{{center|yes}}} | yes | 
margin:auto; 
text-align:center;}}"> 
{{#ifeq: {{{header|yes}}} | yes 
| <p> 
{{{text|completed <small>(estimate)</small>}}} 
</p> 
}} 
<p style="border:{{{border|1px solid gray}}}; padding:{{{padding|1px}}}; overflow:hidden;"> 
<span style=" 
width: {{#expr: {{{1|<noinclude>2</noinclude>0}}}/{{{total|100}}} * 100}}%; 
height: {{{height|2}}}px; 
background:{{{color1|#5FDB00}}}; 
float:left;">&nbsp;</span> 
<span style=" 
width:{{#expr: 100 - {{{1|<noinclude>2</noinclude>0}}}/{{{total|100}}} * 100}}%; 
height:{{{height|2}}}px; 
background:{{{color2|#efefef}}}; 
float:left; 
">&nbsp;</span> 
</p> 
</div> 

我的例子

{{Progress bar|90|text=KTG Image Rebuild}} 

在這個例子中,任務是完成了90%,但上或進度條上,這並不顯示。

+0

可能包含此輸出的HTML有幫助。你在哪裏期待「90%」出現? – miken32

+0

我發佈的是模板代碼。我在想,我需要添加另一個選項來進度條或以某種方式使用CSS – user770022

+0

但結果HTML的樣子是什麼? – miken32

回答

1

試試看。你實際上並沒有試圖把進度文本放進去,不確定你爲什麼期望它在那裏。它在進度條<p>之上添加爲div

<div style="float:left; width:{{{width|25%}}}; {{#ifeq: {{{center|yes}}} | yes | margin:auto; text-align:center;}}"> 
{{#ifeq: {{{header|yes}}} | yes | <p> 
{{{text|completed <small>(estimate)</small>}}} 
</p> 
}} 
<div style="float:right; text-align:right; font-size:10px; line-height:10px;">{{{1|20}}}%</div> 
<p style="border:{{{border|1px solid gray}}}; padding:{{{padding|1px}}}; overflow:hidden; float:left; width:80%"> 
<span style="width:{{#expr: {{{1|20}}}/{{{total|100}}} * 100}}%; height:{{{height|2}}}px; background:{{{color1|#5FDB00}}}; float:left;">&nbsp;</span> 
<span style="width:{{#expr: 100 - {{{1|20}}}/{{{total|100}}} * 100}}%; height:{{{height|2}}}px; background:{{{color2|#efefef}}}; float:left;">&nbsp;</span> 
</p> 
</div>