Add Component ProgressBar

jdan / 98.css

A design system for building faithful recreations of old UIs

https://jdan.github.io/98.css

MIT License

9.17k stars 301 forks source link

Add Component ProgressBar #96

Closed pedrobonifacio closed 1 year ago

pedrobonifacio commented 4 years ago

I created a class that can be given to a div, the div will contain a span, see the example:

<div class="meter"> 
    <span style="width: 80%"></span> 
</div>

result: ProgressBar

vercel[bot] commented 4 years ago

This pull request is being automatically deployed with Vercel (learn more). To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/jdan/98css/3z4yc6oup ✅ Preview: https://98css-git-fork-pedroboni-main.jdan.vercel.app

juanigaray commented 4 years ago

Hi, Pedro! You seem to have deleted the documentation for dropdowns. Could you restore it?

juanigaray commented 4 years ago

The bar shows incomplete squares (I'm viewing this in Firefox). Can you think of any way to cut squares off?

warpcoil commented 4 years ago

The cut squares issue can be fixed with CSS rounding. I have found a way but it's not perfect. I've also merged a few fixes from another fork and re-added the original drop down documentation.

You can refer to the pull request here:

Whole Progress Squares

Regards

Bobby

stretch07 commented 2 years ago

Any ETA for merging this PR

juanigaray commented 1 year ago

Closing this PR as it's become stale. I've used a commit from this branch to create a new PR with a few changes. Feel free to give feedback on my PR!