Progress tracker CSI
rhombus p wrote on 18 Nov 2009 18:29
the progress tracker project is a project that i have been working on on my site, and now have decided to share it with the community. the projects tracker is pretty much what it says, it trackes the progress of you project!
so here is an example.
[[include :rhombusproductions:inc:current-projects
|project-name=This is a test project
|percent-complete=45
|color=green
]]
turns into this
| This is a test project - 45% complete |
|
another example http://rhombusproductions.wikidot.com/current-projects
some more examples
| some project - 100% complete |
|
| finish my website - 50% complete |
|
| make a logo - 35% complete |
|
| set up a forum - 67% complete |
|
| some project - 75% complete |
|
| get members - 85% complete |
|
Comments: 13
page revision: 6, last edited: 20 Nov 2009 12:17
This is SO DAMN COOOOOOL!!!!!
Only complaint: Why do you have a superfluous table cell? It's causing an imperfect length of status bar (100% has a gap at the end that is larger than the gap at the start)
It's really nice, yes.
Go ahead and post that to csi.wikidot.com, then, and I'll write a blog entry about it.
Portfolio
Sweet! ill add it now, but dont i have to have to havfe a password to become a member?
@ james, that extra cell is a place holder, with out it all the progress bars would go to 100.
Here is your code:
Architecturally, it is best not to use a table to create the progress bar. A table is a two-diamensional array; you only need a one-diamensional array. So use divs instead:
Doing this means you have full control over the appearance of the progress bar — and thus, a perfect representation of the percentage.
it's just "password"
Kenneth Tsang (@jxeeno)
Awesome, rhombus! :)
Some tips:
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
It is all to do with the tense of the sentence.
The word “completed” is a past tense word, thus referring to what has been done:
The word “complete” is a present tense word, and assumes we are talking about what is being done
thanks james a and leiger and James! it is now grammatically correct and it now goes all the way to one hundred!!! Thanks again.
PS. its now on the CSI site
IT IS SO DAMN COOOOOL!!!
My I make a suggestion? That you have “default values” in case you neglect an attribute. For instance, have the default colour of the progress bar black unless you specify otherwise. Currently, the default is transparent… not very useful.
If your not sure how to do default values, I can help you there (as can Shane and a few other super-gurus).
Glad you like it!!! :D
haha, yes i might need some help with default values. o.0
All you have to do is create a new page (just click here) and paste this code (note the {$height} variable):
Then on this page, replace ALL of your code with this:
That's ALL you need to change
Edit: Sorry, typo in the second link. Fixed now
The bonus with default values is that your syntax can be really simple and still work:
a ha thanks!! ill note this in the documentation
okay look at it now. i added a table that shows all the possible values and the defaults