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