Skip to content

Progress indicator (a.k.a. progress bar control)#170

Merged
chanagaray merged 2 commits intomainfrom
progress-indicator
Sep 21, 2023
Merged

Progress indicator (a.k.a. progress bar control)#170
chanagaray merged 2 commits intomainfrom
progress-indicator

Conversation

@chanagaray
Copy link
Copy Markdown
Collaborator

@chanagaray chanagaray commented Aug 29, 2023

Closes #18

I'm salvaging this PR from 2020 and this PR, as both were closed after the migration from master to main.

I ended up simplifying the implementation and solving a few issues such as the borders not being those seen on Windows 98 screenshots.

One thing that neither of those PRs have is a way to make the blue blocks discrete (there should never be half a block in the middle of a progress indicator). However, as long as the CSS round() function isn't implemented, I do not believe that there is a way to solve this and keep respecting the aspect ratio of the blocks in the segmented version of the progress bar.

Sadly I was unable to save the HTML <progress> implementation, which would've been more semantically correct.

I looked up screenshots and the blocks in the are sometimes 8x12 px with 2px separation OR 6x9 px with 2px separation. I have implemented only the 8x12 version at this time.

@vercel
Copy link
Copy Markdown

vercel Bot commented Aug 29, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
98css ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 18, 2023 2:13pm

@chanagaray chanagaray changed the title Draft: Progress indicator (a.k.a. progress bar control) Progress indicator (a.k.a. progress bar control) Sep 16, 2023
@chanagaray chanagaray marked this pull request as ready for review September 16, 2023 23:37
Comment thread package-lock.json
Comment thread docs/index.html.ejs Outdated
Copy link
Copy Markdown

@TrudeEH TrudeEH left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The PR looks great to me, thank you for replying to the issue I opened.

@chanagaray chanagaray removed the request for review from jdan September 21, 2023 17:56
@chanagaray chanagaray merged commit ece2482 into main Sep 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Progressbar missing

5 participants