Skip to content

Instantly share code, notes, and snippets.

@dave-jay
dave-jay / bootstrap_progress_bar.html
Last active December 25, 2015 13:58
Boostrap Progress bar CSS with Animation
<div style="margin-top:10px;" >
<div class="progress progress-striped active">
<div class="progress-bar" style="width: 40%;"></div>
</div>
<style type="text/css">
.progress{position:relative}.progress .progress-bar{position:absolute;overflow:hidden;line-height:20px}.progress .progressbar-back-text{position:absolute;width:100%;height:100%;font-size:12px;line-height:20px;text-align:center}.progress .progressbar-front-text{display:block;width:100%;font-size:12px;line-height:20px;text-align:center}.progress.right .progress-bar{right:0}.progress.right .progressbar-front-text{position:absolute;right:0}.progress.vertical{float:left;width:20px;height:100%;margin-right:20px}.progress.vertical.bottom{position:relative}.progress.vertical.bottom .progressbar-front-text{position:absolute;bottom:0}.progress.vertical .progress-bar{width:100%;height:0;-webkit-transition:height .6s ease;transition:height .6s ease}.progress.vertical.bottom .progress-bar{position:absolute;bottom:0}@-webkit-keyframes progress
@dave-jay
dave-jay / check_composer.sh
Created October 15, 2013 11:45
Composer Check
curl -sS https://getcomposer.org/installer | php