https://github.com/mariogarridopt/loadbar-css

:new_moon::first_quarter_moon::full_moon: LoadBar css design
https://github.com/mariogarridopt/loadbar-css

css html loadbar

Last synced: 10 months ago
JSON representation

:new_moon::first_quarter_moon::full_moon: LoadBar css design

• Host: GitHub
• URL: https://github.com/mariogarridopt/loadbar-css
• Owner: mariogarridopt
• Created: 2014-05-26T22:36:31.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2014-08-25T15:24:26.000Z (almost 12 years ago)
• Last Synced: 2025-04-05T08:42:12.395Z (over 1 year ago)
• Topics: css, html, loadbar
• Language: CSS
• Homepage:
• Size: 172 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
LoadBar-CSS

===========

A simple css design for LoadBar's

![ScreenShot](http://i.gyazo.com/5f782c41c8d138ae559022bff7c49e6a.gif)

##How to use##

1. Import the `loadbar.css` file;

2. Create a div using .bar class;

3. Create a span inside .bar named .bar-fill;

4. Add style="width: XX%; to define XX percentage of bar filled;

###Example###

````html



  



````


##Copyright##

Thanks to the webpage [phpacademy.org](http://www.phpacademy.org) for teach me some tricks.