2015-12-16 1 views
0

У меня есть мой шаблон и, по большей части, он работает, есть две вещи неправильно. Я хочу, чтобы индикатор Progress выравнивал слева от страницы, и я также хочу, чтобы процент отображался.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

Что я написал, это код шаблона. Я думаю, что мне нужно либо добавить еще один вариант в прогресс Bar, либо как-то сделать это с помощью CSS – user770022

+0

Но как выглядит получившийся HTML? – miken32

ответ

1

Дайте это попробовать. Вы на самом деле не пытались поместить в него текст прогресса, не знаете, почему вы ожидаете, что он будет там. Он добавляется как div над индикатором выполнения <p>.

<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> 

 Смежные вопросы

  • Нет связанных вопросов^_^