search

Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.11k stars 4.94k forks source link

Multiple progress bars #6160

Open 0xF6 opened 6 years ago

0xF6 commented 6 years ago

It would be very good if there were multiple bars Alt: Here

stale[bot] commented 6 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

Steveb-p commented 6 years ago

Not including JS, it can be achieved by switching .ui.progress display property to flex and changing rounding for children (not included in sample screenshot).

image

I've checked other styles included in semantic at this time (classic, basic, default, striped) and they seem to behave properly.

azmeuk commented 6 years ago

@Steveb-p could you please provide a JSfiddle?

Steveb-p commented 6 years ago

@azmeuk Will do in the evening. I'll try to remember to do so ;)

Hoohaha commented 6 years ago

Have any update? I really hope semantic support this feature.

azmeuk commented 6 years ago

@Steveb-p Just a remember for a fiddle! :)

azmeuk commented 5 years ago

@Steveb-p :) are you still around there?

Steveb-p commented 5 years ago

@azmeuk I didn't really remember to post that did I? :D

I'll look for that code.

Steveb-p commented 5 years ago

@azmeuk https://jsfiddle.net/c3g5u1jz/

I haven't checked for any side-effects though. It really was a simple attempt.

lubber-de commented 5 years ago

Multiple Progress Bars are implemented in Fomantic-UI 2.7.3 now 😄 https://fomantic-ui.com/modules/progress.html#multiple-bars image

Steveb-p commented 5 years ago

@lubber-de What is the relationship between semantic-ui & fomantic?

lubber-de commented 5 years ago

@Steveb-p TL;DR; Fomantic keeps Semantic alive by providing long awaited bugfixes and enhancements.

From our https://github.com/fomantic/Fomantic-UI/blob/master/README.md

Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues https://github.com/Semantic-Org/Semantic-UI/issues/6109 https://github.com/Semantic-Org/Semantic-UI/issues/6413

Steveb-p commented 5 years ago

@lubber-de Guess I'll switch my apps to Fomantic for the time being then :dancer: