BBCode request: progress bars

Discuss technical problems and features here
User avatar
arthaey
Brown Belt
Posts: 1080
Joined: Sat Jul 18, 2015 9:11 pm
Location: Seattle, WA, USA
Languages: :
EN (native);
ES (adv receptive, int productive);
FR (false beginner);
DE (lapsed beg);
ASL (lapsed beg);
HU (tourist)
Language Log: viewtopic.php?f=15&t=3864&view=unread#unread
x 1675
Contact:

BBCode request: progress bars

Postby arthaey » Sun Jul 26, 2015 9:57 pm

I'd like to put some progress bars toward my various numeric goals in my language log and/or my signature. Would the Powers That Be consider adding a new BBCode to support the <progress> HTML element? They have pretty good cross-browser support these days.

If y'all are in favor, here's my suggestion for the values to plug into the admin page for adding new BBCodes:

Image
(the "2 / 10 libros" is the text when you hover over the progress bar, but my mouse pointer wasn't captured in the screenshot)

BBCode usage:

Code: Select all

[progress]{NUMBER1} / {NUMBER2} {INTTEXT}[/progress]


HTML replacement:

Code: Select all

<span class="progress-label">{INTTEXT}:</span> <progress value="{NUMBER1}" max="{NUMBER2}" title="{NUMBER1} / {NUMBER2} {INTTEXT}">{NUMBER1} / {NUMBER2} {INTTEXT}</progress>


Help line:

Code: Select all

Progress bar: N / M items


(The spaces on either side of the "/" is required for the BBCode usage part, or else phpBB can't parse the two numbers. The spaces could be removed from the HTML replacement, if wanted, but then it would be inconsistent and suggest to the user that they could use spaces in their BBCode usage.)
6 x
Posts in: FrenchGermanHungarianSpanish
NaNoWriMo: 10,000 words
Corrections welcome in any language; I prefer an informal register.

User avatar
Serpent
Black Belt - 3rd Dan
Posts: 3657
Joined: Sat Jul 18, 2015 10:54 am
Location: Moskova
Languages: heritage
Russian (native); Belarusian, Polish

fluent or close: Finnish (certified C1), English; Portuguese, Spanish, German, Italian
learning: Croatian+, Ukrainian; Romanian, Galician; Danish, Swedish; Estonian
exploring: Latin, Karelian, Catalan, Dutch, Czech, Latvian
x 5179
Contact:

Re: BBCode request: progress bars

Postby Serpent » Sun Jul 26, 2015 10:07 pm

Sounds pretty cool!!!!!!!!
0 x
LyricsTraining now has Finnish and Polish :)
Corrections welcome

Cavesa
Black Belt - 4th Dan
Posts: 4960
Joined: Mon Jul 20, 2015 9:46 am
Languages: Czech (N), French (C2) English (C1), Italian (C1), Spanish, German (C1)
x 17566

Re: BBCode request: progress bars

Postby Cavesa » Sun Jul 26, 2015 11:27 pm

Yes please!
0 x

User avatar
emk
Black Belt - 1st Dan
Posts: 1620
Joined: Sat Jul 18, 2015 12:07 pm
Location: Vermont, USA
Languages: English (N), French (B2+)
Badly neglected "just for fun" languages: Middle Egyptian, Spanish.
Language Log: viewtopic.php?f=15&t=723
x 6330
Contact:

Re: BBCode request: progress bars

Postby emk » Mon Jul 27, 2015 12:41 am

Cool idea! Definitely worth an experiment, to see how we like it. This seems like it might help a lot with challenges and accountability.

I tweaked it slightly, to make it (1) easier to capitalize the label, and (2) easier for screen readers to associate the label with the progress bar.

Chapters: 15 / 100

That style comes straight from our phpBB theme.

You can try it like this:

Code: Select all

[progress=Chapters]15/100[/progress]

Please note that signatures are pretty short, because the administrators are mean and tyrannical and do not want to look at half-page blinking signatures with 6 images each! So you may also want to try this new tag in a regular log post to report your progress towards some goal.

As always, this feature is experimental. We're trying to find a nice, small set of features that are easy to understand, and which really help out the community.
6 x

User avatar
arthaey
Brown Belt
Posts: 1080
Joined: Sat Jul 18, 2015 9:11 pm
Location: Seattle, WA, USA
Languages: :
EN (native);
ES (adv receptive, int productive);
FR (false beginner);
DE (lapsed beg);
ASL (lapsed beg);
HU (tourist)
Language Log: viewtopic.php?f=15&t=3864&view=unread#unread
x 1675
Contact:

Re: BBCode request: progress bars

Postby arthaey » Mon Jul 27, 2015 1:18 am

Woohoo! Adding progress bar support: 1 / 1 :)

I wonder why your installation of phpBB is cool with spaces in the BBCode template, but when I tried it on mine, it didn't parse until I removed them. Maybe the trailing text was relevant? But whatever, I'm glad it's working here, where it counts!

Good call on extending the <span> to surround the <progress> element for screenreaders. I'm not sure what you mean by "easier to capitalize the label", though?

And yes, I won't make my sig more than 2 lines long. Nor would I include <blink>ing <marquee>, even if those terrible tags were supported here. ;) (I am assuming my current sig isn't bothering anyone...)
0 x
Posts in: FrenchGermanHungarianSpanish
NaNoWriMo: 10,000 words
Corrections welcome in any language; I prefer an informal register.

User avatar
Mohave
Orange Belt
Posts: 198
Joined: Sat Jul 18, 2015 1:38 pm
Location: Florida, USA
Languages: English (Native),
French (enjoying and still learning the language)
Spanish (Beginner)
Language Log: http://how-to-learn-any-language.org/vi ... f=15&t=766
x 335

Re: BBCode request: progress bars

Postby Mohave » Mon Jul 27, 2015 2:00 am

I just edited an update on my log on the Super Challenge to add these progress bars. This is going to be way cool! 8-) Thanks for coming up with the idea archaea and emk for the implementation code!
1 x
Spanish Motivation: Dec 2018 - Costa Rica
Spanish Pimsleur 3: 6 / 30 Assimil: 56 / 100
Spanish Super Challenge Books: 2 / 50 Movies: 0 / 100
French Super Challenge Books: 24 / 100 Movies: 22 / 100

My Goodreads

User avatar
arthaey
Brown Belt
Posts: 1080
Joined: Sat Jul 18, 2015 9:11 pm
Location: Seattle, WA, USA
Languages: :
EN (native);
ES (adv receptive, int productive);
FR (false beginner);
DE (lapsed beg);
ASL (lapsed beg);
HU (tourist)
Language Log: viewtopic.php?f=15&t=3864&view=unread#unread
x 1675
Contact:

Re: BBCode request: progress bars

Postby arthaey » Mon Jul 27, 2015 2:14 pm

I'm trying out the progress bar signature idea. Is this too tall/annoying for folks, or is it okay?

Maybe we could have a [smallprogress] or similar, that's only 5em instead of the current 10em width? (It's too bad BBCode doesn't allow for more than one attribute on a tag...)

I may decide against doing this long-term, simply because I'll need to be updating my signature frequently (hopefully!). But I'd like to give it a try, anyhow, assuming no one complains. :)
0 x
Posts in: FrenchGermanHungarianSpanish
NaNoWriMo: 10,000 words
Corrections welcome in any language; I prefer an informal register.

User avatar
daegga
Blue Belt
Posts: 560
Joined: Thu Jul 09, 2015 12:00 am
Location: Upper Austria
Languages: Bavarian (spoken), German
-- ≥ C1 passive --
English (IELTS 8.5)
Scandinavian (a: N>D>S)
-- along the way --
French, Italian
-- can read with dict --
Old Norse
Language Log: https://forum.language-learners.org/vie ... 15&t=17055
x 951
Contact:

Re: BBCode request: progress bars

Postby daegga » Mon Jul 27, 2015 2:21 pm

People can always decide not to display signatures in case they get annoyed.
2 x
jag nöjer mig med tystnad

Cavesa
Black Belt - 4th Dan
Posts: 4960
Joined: Mon Jul 20, 2015 9:46 am
Languages: Czech (N), French (C2) English (C1), Italian (C1), Spanish, German (C1)
x 17566

Re: BBCode request: progress bars

Postby Cavesa » Mon Jul 27, 2015 4:07 pm

guys, that's awesome, it solves some of the "troubles" I've had with properly implementing the tool to my log :-)
0 x

steyyan
Orange Belt
Posts: 160
Joined: Sat Jul 18, 2015 4:46 pm
Languages: NO, en, de, es, nl, fr, ja
x 134

Re: BBCode request: progress bars

Postby steyyan » Tue Jul 28, 2015 11:47 am

The progress bars don't react well to the browser's zoom feature (on Chrome, at least). It's only the background (the wite part) that seems to be moving out of place when zooming while the rest of it seems to be where it's supposed t obe.
0 x


Return to “Technical Support and Feature Requests”

Who is online

Users browsing this forum: No registered users and 2 guests