diff options
Diffstat (limited to 'assets/stylesheets/book/progress.less')
| -rw-r--r-- | assets/stylesheets/book/progress.less | 28 |
1 files changed, 26 insertions, 2 deletions
diff --git a/assets/stylesheets/book/progress.less b/assets/stylesheets/book/progress.less index b43fa55..8e0dd80 100644 --- a/assets/stylesheets/book/progress.less +++ b/assets/stylesheets/book/progress.less @@ -1,3 +1,17 @@ +/* Chrome, Safari, Opera */ +@-webkit-keyframes animate-loading +{ + from {width: 0%;} + to {} +} + +/* Standard syntax */ +@keyframes animate-loading +{ + from {width: 0%;} + to {} +} + .book .book-body { @chapter-size: 16px; @bar-background: #eee; @@ -7,6 +21,7 @@ width: 100%; position: relative; background: #fff; + margin-bottom: 20px; .bar { height: 10px; @@ -22,14 +37,23 @@ .inner { height: 100%; width: 0%; + background: @brand-success; + -webkit-animation: animate-loading 1s; /* Chrome, Safari, Opera */ + animation: animate-loading 1s; + + .in-inner { + height: 100%; + width: 50%; + + } } } .chapters { position: absolute; - right: 50px; - left: 50px - @chapter-size; + right: 20px + @chapter-size; + left: 20px; top: 7px; .chapter { |