Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-2220

Progress bar does not display on older devices

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.3.1
    • Fix Version/s: 3.3.2
    • Component/s: Courses
    • Labels:
    • Sprint:
      Moodle Mobile 3.3.2

      Description

      I ran the app on Android 4.3 and the progressbar HTML element does not display.

      Here is a solution based on https://css-tricks.com/html5-progress-element/.

      <progress min="0" max="100" value="{{ percentage }}" class="mma-xp-progress-bar">
          <div class="progress-bar-fallback" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{ percentage }}">
              <span style="width: {{ percentage }}%;"></span>
          </div>
      </progress>
      

      // Progress-bar.
      .mma-xp-progress-bar {
          height: $mma-xp-progress-bar-height;
       
          .progress-bar-fallback {
              background-color: whiteSmoke;
              border-radius: 2px;
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
              width: 100%;
              height: $mma-xp-progress-bar-height;
              display: block;
              position: relative;
       
              span {
                  background-color: $mma-xp-energized;
                  height: $mma-xp-progress-bar-height;
                  display: block;
                  border-radius: 2px;
              }
          }
      }
      

        Attachments

          Activity

            People

            Assignee:
            pferre22 Pau Ferrer
            Reporter:
            fred Frédéric Massart
            Peer reviewer:
            Juan Leyva
            Integrator:
            Juan Leyva
            Tester:
            Juan Leyva
            Participants:
            Component watchers:
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              29/Sep/17

                Time Tracking

                Estimated:
                Original Estimate - 1 hour
                1h
                Remaining:
                0m
                Logged:
                Time Not Required
                Not Specified