【H5 CSS】【译】progress元素样式

根据 w3c 的定义，progress元素代表任务的完成度。一个progress元素标签有开始标签和结束标签。

除了通用的全局属性外，它还拥有两个自己的属性

一个进度条有两种状态：不确定和已确定

Google Chrome, Apple Safari , Opera 浏览器都是webkit内核，设置progress element 元素样式基于 -webkit-appearance: progress-bar

设置progress默认样式，一般简单的设置为 -webkit-appearance: none

对 -webkit-progress-value 属性的背景增加动画

对 -webkit-progress-value 选择器使用动画

使用::before 和 ::after 可以在progress元素上展示进度条的百分比或者准确的数字。

原文地址： https://css-tricks.com/html5-progress-element/

在windows7 *** 作系统Android studio中按照如下步骤使用Progressbar。

1、使用Android studio创建一个android 项目，如下图:

2、打开该项目的布局文件，如下图：

3、在布局文件中添加一个Progressbar，并设置其基本属性，，运行之后可在模拟器或者真机中观察到该Progressbar如下图：