98.css icon indicating copy to clipboard operation
98.css copied to clipboard

Add Component ProgressBar

Open pedrobonifacio opened this issue 4 years ago • 5 comments

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

pedrobonifacio avatar Jun 25 '20 21:06 pedrobonifacio

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

vercel[bot] avatar Jun 25 '20 21:06 vercel[bot]

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

juanigaray avatar Jun 30 '20 19:06 juanigaray

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

image

juanigaray avatar Jun 30 '20 20:06 juanigaray

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

warpcoil avatar Aug 13 '20 21:08 warpcoil

Any ETA for merging this PR

443pablo avatar Apr 02 '22 01:04 443pablo

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!

juanigaray avatar Sep 16 '23 23:09 juanigaray