← Back to branch summary

~abreu-alexandre/ubuntu-html5-theme/add-button-class-ubuntu

« back to all changes in this revision

Viewing changes to 0.1/examples/widgets/ProgressBars.html

  • Committer: Tarmac
  • Author(s): daker
  • Date: 2013-11-18 18:22:49 UTC
  • mfrom: (85.2.1 fix.progressbar)
  • Revision ID: tarmac-20131118182249-4ufzk2kq02dkgdq5
Updated the progressbar component to match the design.

Approved by PS Jenkins bot, Alexandre Abreu.

Show diffs side-by-side

added added

removed removed

Lines of Context:
0.1/examples/widgets/ProgressBars.html
5
5
 This file is part of ubuntu-html5-theme.
6
6
 
7
7
 This package is free software; you can redistribute it and/or modify
8
 
 it under the terms of the GNU Lesser General Public License as 
9
 
 published by the Free Software Foundation; either version 3 of the 
 
8
 it under the terms of the GNU Lesser General Public License as
 
9
 published by the Free Software Foundation; either version 3 of the
10
10
 License, or
11
11
 (at your option) any later version.
12
 
 
 
12
 
13
13
 This package is distributed in the hope that it will be useful,
14
14
 but WITHOUT ANY WARRANTY; without even the implied warranty of
15
15
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16
16
 GNU General Public License for more details.
17
 
 
18
 
 You should have received a copy of the GNU Lesser General Public 
19
 
 License along with this program. If not, see 
 
17
 
 
18
 You should have received a copy of the GNU Lesser General Public
 
19
 License along with this program. If not, see
20
20
 <http://www.gnu.org/licenses/>.
21
21
-->
22
22
 
54
54
                <progress></progress>
55
55
                <progress class="bigger"></progress>
56
56
            </div>
57
 
            <progress value="80" max="100"></progress>
 
57
            <div class="inset">
 
58
                <progress value="80" max="100"></progress>
 
59
            </div>
58
60
            <div class="inset">
59
61
                <progress class="infinite" value="100" max="100"></progress>
60
62
            </div>