Merge branch 'tova' into autoconfig
[ikiwiki.git] / doc / todo / progressbar_plugin.mdwn
1 I would like to add next plugin to Ikiwiki. It's `progressbar` or simply `progress`.
2 I'm not sure what plugin name better is, probably that shorter ;) I know that
3 [DokuWiki](http://wiki.splitbrain.org/plugin:progressbar) has similar plugin,
4 so I think it can be useful also for Ikiwiki users.
5
6 Here is proposition of the plugin syntax:
7
8     \[[!progress done=50]]
9
10 Of course, `done` argument is integer from 0 to 100. 
11
12 A here is its HTML result:
13
14     <div class="progress">
15       <div class="progress-done" style="width: 50%">50%</div>
16     </div>
17
18 Note: I was trying with `<span>` tags too, but that tag is inline, so I can't
19 set `width` property for it.
20
21 Default CSS styles for the plugin can be like below:
22
23     div.progress {
24             border: 1px solid #ddd;
25             /* border: 2px solid #ddd; */
26             width: 200px;
27             background: #fff;
28             padding: 2px;
29             /* padding: 0px; */
30             border: 2px solid #aaa;
31             background: #eee;
32     }
33     div.progress-done {
34             height: 14px;
35             background: #ff6600;
36             font-size: 12px;
37             text-align: center;
38             vertical-align: middle;
39     }
40
41 You can use alternative, commented CSS code for `div.progress` if you dislike
42 padding around done strip.
43
44 Any comments? --[[PaweĊ‚|ptecza]]