设计进度条

设计进度条

这也是我第一次接触到progress这个标签，就是用来设计进度条的，然后进度条还需要我们后期进行设计，才能让原本的蓝灰配变得更加“灵动”一些哈！

最简单的进度条，源码是这样的：

<progress id="pro" value="30"></progress>

最简单的呈现效果，没有加一点儿修饰的样子是这样的：

怎么说呢？就像是被人打了一样，很木，很呆，可以通过style进行美化呦！

例如：

<style>
   background-color:azure;
</style>