ikiwiki/doc/todo/progressbar_plugin.mdwn

45 lines
1.3 KiB
Plaintext
Raw Normal View History

2008-07-28 09:17:32 +02:00
I would like to add next plugin to Ikiwiki. It's `progressbar` or simply `progress`.
I'm not sure what plugin name better is, probably that shorter ;) I know that
2008-07-28 09:09:43 +02:00
[DokuWiki](http://wiki.splitbrain.org/plugin:progressbar) has similar plugin,
so I think it can be useful also for Ikiwiki users.
Here is proposition of the plugin syntax:
\[[!progress done=50]]
2008-07-28 09:14:02 +02:00
Of course, `done` argument is integer from 0 to 100.
2008-07-28 09:09:43 +02:00
A here is its HTML result:
<div class="progress">
<div class="progress-done" style="width: 50%">50%</div>
</div>
2008-07-28 09:14:02 +02:00
Note: I was trying with `<span>` tags too, but that tag is inline, so I can't
set `width` property for it.
2008-07-28 09:09:43 +02:00
Default CSS styles for the plugin can be like below:
div.progress {
border: 1px solid #ddd;
/* border: 2px solid #ddd; */
width: 200px;
background: #fff;
padding: 2px;
/* padding: 0px; */
border: 2px solid #aaa;
background: #eee;
}
div.progress-done {
height: 14px;
background: #ff6600;
font-size: 12px;
text-align: center;
vertical-align: middle;
}
You can use alternative, commented CSS code for `div.progress` if you dislike
padding around done strip.
Any comments? --[[Paweł|ptecza]]