Progress Indicator - Tag option
nav_first.pngFirst: package:1
Wikidot per-site help
Edited: 08 Nov 2009 12:06 by: pieterh
Comments: 0
Tags:
nav_prev.pngPrevious: package:14
Progress tracker
Edited: 20 Nov 2009 16:45 by: rhombus p
Comments: 6
Tags:
Last: package:49
Advanced Search
Edited: 01 May 2012 12:30 by: tsangk
Comments: 68
Tags:
nav_last.png
Next: package:16
Wikidot Community Posting Guidelines
Edited: 28 Nov 2009 14:46 by: pieterh
Comments: 3
Tags:
nav_next.png

Progress Indicator - Tag option
Package submitted by Steven Heynderickx
20 Nov 2009 14:07

rating: +2+x

This package provides…
A simple web 2.0 look progress tracker. No need to change the wikicode, just edit the tag of the page. The tag naming is as follows : _progressX% in wich you replace x with a number form 0 to 100. I am working on a version so it can be in a ListPages module Have a look.

Instructions

To install this package in your site, include in your page the following content:

[[include :csi:include:progressindicator label=Progress Indicator|style=#f00]]

AND!!!!

give your page the tag of the percentage for example _progress67%

  • label stands for the text before the indicator bar
  • style changes the filling of the bar. It can be a color or it can be a style. Here is the up till now list of styles

Redshine.pnghead.pngwhite.gif

rogshine.pnghead.pngwhite.gif

lensshine.pnghead.pngwhite.gif

bygshine.pnghead.pngwhite.gif

irongiant_blueshine.pnghead.pngwhite.gif

late-harvestshine.pnghead.pngwhite.gif

green-grassshine.pnghead.pngwhite.gif

cherry-redshine.pnghead.pngwhite.gif

deep-blueshine.pnghead.pngwhite.gif

orange-juiceshine.pnghead.pngwhite.gif

pretty-pinkshine.pnghead.pngwhite.gif

royal-purpleshine.pnghead.pngwhite.gif

tropical-seasshine.pnghead.pngwhite.gif

midnight-coalshine.pnghead.pngwhite.gif

silent-silvershine.pnghead.pngwhite.gif

pale-snowshine.pnghead.pngwhite.gif

Include files

[[table class="{$class}" style="border-collapse: collapse; width:100%; margin-bottom: 10px; font-weight:bold; background-color:#eeeeee;"]]

[[/table]]

Comments: 7

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License